网页前端设计

http://www.86y.org

搜索文章

教你如何配置百度编辑器ueditor2013/11/23 16:09:39

教你如何配置百度编辑器ueditor

UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于BSD协议,允许自由使用和修改代码。是一功能强大的编辑器。有很多功能值得赞场的!大家可以去 下载 编辑器。完全版:1、加载<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script type="text/javascript" src="./ueditor/ueditor.config.js"></script><script type="text/javascript" src="./ueditor/uedit...未完,继续阅读→

ueditor编辑器配置

阅读(19709)条

幸凡App手机版支持Android与iPhone2013/11/23 14:35:33

幸凡App手机版支持Android与iPhone

今天 幸凡App手机版支持Android与iPhone发布了1.2版。欢迎来下载订阅!可以通过以下方式直接下载App。使用的是无觅APP工场的免费生成功能。无需编程知识,在线编辑,几分钟即可制作你的App;可同时生成Android和iOS的App,覆盖主流人群。效果挺不错的。而且支持信息推送功能。这样你可以通过这个方式向使用你APP的客户发送信息。赞一下! 未完,继续阅读→

AppAndroidiPhone

阅读(8672)条

CSS3实现自定义Checkbox和Radiobox2013/11/23 10:04:56

CSS3实现自定义Checkbox和Radiobox

我们知道浏览器自带的Checkbox复选框不怎么美观(这或许是我们看习惯了的缘故),而且复选框在不同的浏览器上显示的样式又有很大的差异,由 于目前越来越多的人开始接受支持CSS3的现代浏览器,所以今天就简单的用一些CSS3代码来自定义Checkbox的显示方式,个人觉得比浏览器自带的 Checkbox美观不少。(最底部有完整代码可运行)下面先来看一下最终实现效果效果图如下 下面来分析一下源代码,原理很简单,先把页面上<input type="checkbox" />的display设置为none,从而把它隐藏掉,然后利用CSS3代码来绘制与c...未完,继续阅读→

css3checkboxradiobox

阅读(7096)条

你可能不知道的跨域解决方案postMessage2013/11/19 10:23:59

你可能不知道的跨域解决方案postMessage

出于浏览器的同源策略,我们经常会遇到浏览器跨域的问题。简单的说跨域基本解决方案是:GET请求用JSONP其他请求用同源iframe做代理JSONP的介绍很多,这里就不多说了。而同源iframe做代理主要是主窗口与iframe的通讯问题,因为这里也有同源策略。常见的方法是使用window.name或者通过url param来通讯。但这些方法都需要反复加载iframe来完成的,资源消耗较高,有没有更好的方案呢? window.postMessagewindow.postMessage最早由IE8引入,主要为了解决跨文档通讯问题,以下使其支持列表:FeatureChromeFirefox (Gecko)Internet E...未完,继续阅读→

js跨域浏览器

阅读(8033)条

基于jquery扩展漂亮的CheckBox2013/11/19 9:46:49

基于jquery扩展漂亮的CheckBox

大家都知道默认的html复选框控件样式可定义相当有限,无法满足大多用户的美观度。今天跟大家一起分享前一段时间自己编写的CheckBox控件。喜欢的朋友可以拿去使用,有什么好的建议希望你给我留言。废话不多说,切入正题。效果如下图所示:Html完整代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content...未完,继续阅读→

jqcheckbox

阅读(6059)条

可以从CSS框架中借鉴到什么2013/11/18 10:48:27

可以从CSS框架中借鉴到什么

现在很多人会使用 CSS 框架进行快速建站。那 CSS 框架是什么呢,它通常是一些 CSS 文件的集合,这些文件包括基本布局、表单样式、网格、简单组件、以及样式重置。使用 CSS 框架大大降低工作成本进行快速建站。当然对于一些大型的项目,可能会很难照搬某些框架直接使用的,因为直接使用会带来一些限制或者冗余的问题。但在 CSS 框架已经日趋成熟的今天,在我们设计项目架构、规范的时候,现时市面上一些优秀的框架也可以给我们提供很多可借鉴的地方。本文主要从几个方面讨论 CSS 框架可以对我们项目的借...未完,继续阅读→

css结构优化

阅读(5545)条

在网站制作中随时可用的10个HTML5代码片段2013/11/9 9:29:19

在网站制作中随时可用的10个HTML5代码片段

HTML 很容易写,但创建网页时,您经常需要重复做同样的任务,如创建表单。在这篇文章中,我收集了10个超有用的 HTML 代码片段,有 HTML5 启动模板、空白图片、打电话和发短信、自动完成等等,帮助你提高开发速度。 当启动一个新的项目的时候,你需要一个启动模板。这里是一个简洁干净的模板,可以作为 HTML5 项目的基础。HTML5 启动模板<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Untitled</title> <!--[if lt IE 9]> ...未完,继续阅读→

html5代码网站

阅读(6269)条

纯 CSS3 绘制图形(心形、五角星、六边形等)2013/11/7 11:48:09

纯 CSS3 绘制图形(心形、五角星、六边形等)

这篇文章给大家带来的是纯 CSS 绘制五角星、六角形、五边形、六边形、心形等等。我们的网页因为 CSS 而呈现千变万化的风格。这一看似简单的样式语言在使用中非常灵活,只要你发挥创意就能实现很多比人想象不到的效果。特别是随着 CSS3 的广泛使用,更多新奇的 CSS 作品涌现出来。Star (6-points) #star-six {width: 0;height: 0;border-left: 50px solid transparent;border-right: 50px solid transparent;border-bottom: 100px solid red;position: relative;}#star-six:after {width: 0;height: 0;border-lef...未完,继续阅读→

css3绘制图形

阅读(23522)条

推荐几款极好的 JavaScript 下拉列表插件2013/11/6 10:01:32

推荐几款极好的 JavaScript 下拉列表插件

做过这么多的项目select一直是一个很麻烦的东西,包括ie6的遮置,美化等问题。体验一直都很不友好。作为网页最重要的组成部分,表单几乎无处不在,从简单的邮件订阅、登陆注册到复杂的需要多页填写的信息提交功能,表单都让开发者花费了大量的时间和精力去处理,以期实现好用又漂亮的表单功能。这篇文章分享几款很棒的 JavaScript 下拉列表功能增强插件。本人比较喜欢第一款。比较好用Selectize.jsSelectize 是一个基于 jQuery 的 <select> UI 控件,对于标签选择和下拉列表功能非常有用。Selectize 的目标是通...未完,继续阅读→

jq插件select

阅读(7645)条

十个简单易用的在线网站生成工具2013/11/5 10:20:26

十个简单易用的在线网站生成工具

如果您想要创建一个网站,但要这样做肯定感觉很麻烦,我们有一个解决方案为您所需的编码知识。事实上我们有十个解决办法给你。下面列出的工具将帮助您创建优雅的网站,而无需任何编码或编程的知识。1. Imcreator.com - IM creator的创始人最初开始帮助他们的朋友和家人想要创建的网站,但被制作的过程吓倒。所以他们帮助他们创建质量网站通过使用方法,这是很简单的理解和操作。后来他们把它变成一项业务。2.website-builder.com -这个工具有很多免费准备使用模板不同的适当位置。无论您需要的体系结构基于站点或业务一、 艺术创...未完,继续阅读→

网站制作方案

阅读(9261)条

js替换掉字符串中的空格\回车\换行2013/11/4 13:55:34

js替换掉字符串中的空格\回车\换行

经常在js中要处理一些字符串的空格、回车、换行等问题,比较常见,所以记录下来。如js替换掉字符串中的空格\回车\换行Jquery:$("#accuracy").val($("#accuracy").val().replace(/\ +/g,""));//去掉空格$("#content").val($("#content").val().replace(/[ ]/g,""));    //去掉空格$("#content").val($("#content").val().replace(/[\r\n]/g,""));//去掉回车换行js:var testStr="sssssvvvvv";var resu...未完,继续阅读→

js替换字符

阅读(49537)条

4000元人民币月薪的人过的日子2013/11/4 13:49:32

4000元人民币月薪的人过的日子

这篇文章是很老的文章了, 在某网站上看到介么个帖子, 评论里很多人纠结于什么物价,房价。什么4000块的人没本事啥的。原作者并不是讨论物价指数的,只是想表达分配的机制出现问题,真不明白某些人是不是理解能力有限?在苏州一家公司里当普通职员,4000元是我扣税扣保险后的全部工资奖金,全年大约5万年收入。作为一个本科学历,几年前从上海复旦大学毕业后,我这个工龄的办公室职员来说,这个待遇很普通,也很普遍,工资高的人也有很多,但基本上是管理和高级技术人员,工资低的也有很多,大多是刚参加工作或学历不高的。我这个收入算是...未完,继续阅读→

苦逼生活

阅读(7658)条

Google Web Designer – 创建引人入胜的 HTML5 网站2013/10/21 10:41:02

Google Web Designer – 创建引人入胜的 HTML5 网站

Google Web Designer 可以帮助你创建引人入胜,互动的基于 HTML5 的设计和动画,可以在任何设备上运行。如果你喜欢自己动手,设计背后的所有的代码都是可以手工编辑的。  虽然可视化工具是很有帮助的,但它永远不能代表你的创造力,想象力。这就是为什么你可以来回翻转设计“视图和”代码“视图,可以立即看到设计中所做的任何更改的都能在代码中体现。  不管你的作品是多么的辉煌,如果人们不能看到它,那都是没有价值的。现在有了 Google Web Designer,你创造的一切可以在任何屏幕上被人们浏览和使用,不管是...未完,继续阅读→

html5谷歌web

阅读(10206)条

淘宝首页源代码美女之谜(下)2013/10/21 10:29:52

淘宝首页源代码美女之谜(下)

我们已经知道,执行美女会得到"金蛋",而正是金蛋做到了taobaoUED展现给大家的神奇的前端魅力。今天我们来看看 FP.egg&&FP.egg("%cjoin us%cshidu.mj@taobao.com");这行代码做了什么?FP.egg方法来自哪里?FP.egg方法的内部逻辑是什么?  二、金蛋来自哪里?  打开taobao网的首页通过查看HTTP请求,可以发现仅js请求就21个,很过请求是多个js文件合并过的,粗略数数,淘宝首页的js文件超过60个,而且大多数文件都进行了压缩,如果读者从这些js文件中挨个寻找egg的足迹,只能说是大海捞针。  金蛋的神奇相...未完,继续阅读→

淘宝美女

阅读(8570)条

淘宝首页源代码美女之谜(上)2013/10/21 9:55:29

淘宝首页源代码美女之谜(上)

今日,偶尔翻看淘宝源码,发现竟有美女形状源码。如下图:    此段代码在console中运行,结果更为惊叹。    亲手尝试的读者已经看到了代码运行的结果。taobao.com的console打印出了UED的招聘信息。淘宝的页面在短暂的loading 之后进入了UED的宣传遮罩层,同时提醒用户打开摄像头...可能读者已经发现了更多有趣的东西,这些有趣的东西感兴趣的同学可以慢慢挖掘。这里很多人已 经迫不及待想知道为什么。  我们看"美女"的源码,进入美女的世界... 一.美女爱金蛋  美女的源码,采用了匿名函数自执行的方式。为方便大家,还是贴过...未完,继续阅读→

淘宝美女源代码

阅读(9806)条

支持触摸划动的jQuery响应轮播插件2013/10/16 10:11:55

支持触摸划动的jQuery响应轮播插件

超赞的插件,Owl Carousel 是一个 jQuery 插件,您可以创建美丽响应轮播滑块。使我们能够迅速地创建图片切切换的效果,并且支持手机触摸划动。这个插件是能更好的解决电脑与手机图片轮播的一致性,在电脑上也能直接按住拉动切换。几乎能与任何的 HTML 内容兼容使用。另外,强大的选项设置支持分页/滑动速度,启用/禁用自动播放,显示子弹导航等等。赶快来试用一下吧。DEMO插件下载      效果演示未完,继续阅读→

jq触屏手机插件

阅读(13358)条

Keypress超强大,捕获键盘输入的 JavaScript 库2013/10/14 9:31:42

Keypress超强大,捕获键盘输入的 JavaScript 库

Keypress 是一个强大的 JavaScript 库,用于捕获键盘输入。这是一个有非常特殊的功能的输入捕获库,它是很容易掌握和使用,并且不依赖第三方库。在网站开发中,经常会碰到需要处理键盘输入的场景,处理起来繁琐。现在有了这个键盘输入处理的库就很方便了。使用示例:keypress.combo("shift s", function() { console.log("You pressed shift and s");}); // There are also a few other shortcut methods: // If we want to register a counting combokeypress.counting_combo("tab space", f...未完,继续阅读→

jskeypress键盘

阅读(6454)条

IE ajax缓存问题2013/10/11 14:36:53

IE ajax缓存问题

在默认情况下,IE会缓存相同地址ajax请求的结果。IE的第一次ajax请求会发送到服务器端处理,如果后续的请求的参数与第一次的一样,浏览 器会直接返回缓存的结果而不是去服务器获取。有时候我们希望获取实时的数据,那么该如何解决这个问题呢?只要在ajax请求中加一个时间戳参数或随机参数 就可以了。jQuery ajax中提供了一个cache属性来解决浏览器的缓存问题。cache的默认值为true, 如果设为false, 它会强制请求的页面不会被浏览缓存。设置cache为false时会在query string中追加一个"_=[时间戳]"的参数。$.ajax({ u...未完,继续阅读→

ieajax缓存

阅读(5617)条

23个功能强大的jQuery/CSS3图片特效插件2013/10/11 11:43:02

23个功能强大的jQuery/CSS3图片特效插件

以下是分享的20几个不错的图片特效插件,基于jQuery和CSS3。1、jQuery图片下滑切换播放效果这是一款基于jQuery的焦点图插件,这款焦点图的特点是有向下滑动的动画效果,滑到底部时,有弹跳的效果,焦点图很霸气,非常不错。 在线演示    /   素材下载2、jQuery带闹钟功能的数字时钟这是一款基于jQuery的数字时钟,这款时钟的特点是带有闹钟功能,你可以为时钟设置多少时间后开启闹铃,很实用吧。在线演示    /    素材下载 3、jQuery平面时钟这款jQuery时间插件非...未完,继续阅读→

jqcss3特效

阅读(6204)条

了解了这些才能开始发挥jQuery的威力2013/10/9 13:57:47

了解了这些才能开始发挥jQuery的威力

由于当前jQuery如此的如雷贯耳,相信不用介绍什么是jQuery了,公司代码中广 泛应用了jQuery,但我在看一些小朋友的代码时发现一个问题,小朋友们使用的仅仅是jQuery的皮毛,只是使用id选择器与attr方法,还有几个 动画,如果只是如此,相比于其带来的开销,其实还不如不使用,下面介绍几个jQuery常用的方法,来让jQuery的威力发挥出来,否则只用有限的几个 方法,相对于运行速度问题,真不如不用jQuery。jQuery如此之好用,和其在获取对象时使用与CSS选择器兼容的语法有很大关系,毕竟CSS选择器大家都很熟悉,但其强大在兼容了CSS3的选择...未完,继续阅读→

jq选择器

阅读(5823)条

当前第  13  页 / 共  41  页  总共808条记录  

10111213141516