11 2014 档案

25个顶级的jQuery表格插件
摘要：jQuery 表格插件可以让你创建各种各样的表格布局，表格布局是报纸和杂志中最常见的布局，现在的网站中也很常见，在这篇文章中，我向大家推荐25个jQuery的表格插件，你可以任意控制表格的行和列，用文本和图片进行填充。我用了顶级的来形容这个些插件，我可以肯定你了解它们之后会觉得很酷。　1. Gr... 阅读全文
posted @ 2014-11-28 14:51 super1234 阅读(6305) 评论(0) 推荐(0) 编辑
一款基于jquery和css3的头像恶搞特效
摘要：今天给大家分享一款基于jquery和css3的头像恶搞特效。这款实例中，一个头像在画面中跳舞，头像还有可爱的帽子，单击下面的按钮可以为头像切换不同的帽子。效果图如下：在线预览源码下载实现的代码。html代码：Html代码HatMe!css3代码：Html代码.wwiaftm-container{po... 阅读全文
posted @ 2014-11-27 08:43 super1234 阅读(646) 评论(0) 推荐(0) 编辑
高大上的动态CSS
摘要：项目里要添加 custom css 功能 (dynamic stylesheet )，总结一下实现方法。1。在JSP中动态设定文件path预先生成一些css文件，由用户选择，在jsp被请求时，动态加载用户选择的css文件。xml 代码这种方法，网上讲很多。2。覆盖CSS样式利用CSS的一个特点，即当... 阅读全文
posted @ 2014-11-26 14:14 super1234 阅读(1173) 评论(0) 推荐(0) 编辑
js实例属性和原型属性
摘要：测试文档 测试文档 阅读全文
posted @ 2014-11-26 08:39 super1234 阅读(1499) 评论(0) 推荐(1) 编辑
使用javascript实现浏览器全屏
摘要：HTML 5中的full screen，目前可以在除IE和opera外的浏览器中使用 ，有的时候用来做全屏API，游戏呀，等都很有用。先看常见的API1 element.requestFullScreen() 作用：请求某个元素element全屏2Document.getElementById(“m... 阅读全文
posted @ 2014-11-25 17:16 super1234 阅读(1192) 评论(0) 推荐(0) 编辑
JSONP原理及jQuery中的使用
摘要：JSONP原理JSON和JSONP JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，用于在浏览器和服务器之间交换信息。 JSONP(JSON With Padding)，就是打包在函数调用中的的JSON（或者包裹的JSON）。 JSON是一种数据格式... 阅读全文
posted @ 2014-11-25 08:39 super1234 阅读(591) 评论(0) 推荐(0) 编辑
jQuery stop()浅析
摘要：作为前端开发人员，JS和JQuery是我们经常用到的开发语言和工具类库。我们都晓得，在jQuery中有一个很强大的方法——stop(),他是阻止在连续动画或事件中出现重复累积状况的方法。那么，stop()怎么用呢？小码哥来带大家先认识一下stop()吧：stop()在语法上有两个参数，分别都是Boo... 阅读全文
posted @ 2014-11-24 08:45 super1234 阅读(485) 评论(0) 推荐(0) 编辑
初步认识 LESS,我要开始学习LESS啦！
摘要：LESS 是一个流行的样式表语言，它提供了 CSS3 也未曾实现的多种功能，让您编写 CSS 更加方便，更加直观。LESS 已经被广泛使用在多种框架中 ( 例如：BootStrap)。本文将介绍 LESS 产生的背景、优势、演化与 CSS 之间的转化，及其典型的应用场景，并将其与其他样式表语言进行比... 阅读全文
posted @ 2014-11-23 14:53 super1234 阅读(828) 评论(1) 推荐(0) 编辑
javascript完美实现图片拖动改变顺序
摘要：在web页面中，需要改变多个元素的位置，可以通过元素拖动来实现。HTML5中加入了一个全局属性draggable，通过设置true/false来控制元素是否可拖动。下面以图片拖动为例，用jQuery来实现：页面上有多个图片，把一个图片拖动到其他两个图片中间，就可以将这个图片的位置插入到两图之间。ht... 阅读全文
posted @ 2014-11-21 11:20 super1234 阅读(3587) 评论(0) 推荐(0) 编辑
响应式WEB设计的9项基本原则
摘要：响应式Web设计对于解决多类型屏幕问题来说是个不错方案，但从印刷的角度来看，其却存在着很多的困难。没有固定的页面尺寸、没有毫米或英寸，没有任何物理限制，让人感到无从下手。随着建立网站可用的各种小工具越来越多，像素设计局限于桌面和移动端也已经成为历史。因此，现在就让我们来说明一下如何运用响应式Web设... 阅读全文
posted @ 2014-11-20 13:19 super1234 阅读(669) 评论(0) 推荐(5) 编辑
css样式冲突问题练习例子
摘要：admin5www.admin5.comadmin5www.admin5.com结果为：admin5www.admin5.comadmin5www.admin5.com结果为：admin5www.admin5.comadmin5www.admin5.com结果为： 阅读全文
posted @ 2014-11-19 17:08 super1234 阅读(535) 评论(0) 推荐(0) 编辑
中枪了木有！最常被误解的18个用户体验设计原理
摘要：读到这个很有趣的网站：http://uxmyths.com/，网站讲述的是一些普遍被误解的用户体验理论。有些论点蛮老，有些也不一定准确。我挑选了一些记录下来，并加少许注解。：）1，用户在网页上会认真阅读内容不准确。用户在阅读网页内容时，快速浏览居多，只有在用户对内容非常感兴趣的时候，才会逐字阅读；好... 阅读全文
posted @ 2014-11-19 08:38 super1234 阅读(496) 评论(0) 推荐(1) 编辑
HTML5规范尘埃落定，5个开发工具推荐
摘要：HTML5规范终于在今年正式定稿，对于从事多年HTML5开发的人员来说绝对是一个重大新闻。数字天堂董事长，DCloud CEO王安也发表了文章，从开发者和用户两个角度分析了HTML对两个人群的优势。其实，关于HTML5的开发工具，我们以往的文章已经介绍了很多，而这次所分享的则是过去未提到或没有详细介... 阅读全文
posted @ 2014-11-18 13:04 super1234 阅读(538) 评论(0) 推荐(0) 编辑
ajax给全局变量赋值问题
摘要：今天在做项目时，遇到了一个问题。我用的是ajax，要在$.ajax({里面给一个全局变量赋值，结果死活赋值不上，纠结了好半天，后来上网查了查，才知道，ajax默认是异步请求，（当要赋值时，此时的值没有拿到，所以赋值不成功）如果要在$.ajax({里面给全局变量赋值，需要改为同步操作，即加上async... 阅读全文
posted @ 2014-11-18 08:39 super1234 阅读(1308) 评论(2) 推荐(0) 编辑
CSS非ASCII字符最佳实践
摘要：问题场景在写样式时经常需要用到非ASCII字符的属性值，如下：?1234567891011.hot_list .sign_discount:before { content: "满减"; padding: 0 8px; margin-right: 7px; font-size: 12px; line... 阅读全文
posted @ 2014-11-17 08:39 super1234 阅读(314) 评论(0) 推荐(0) 编辑
Javascript 装载和执行
摘要：一两个月前在淘宝内网里看到一个优化Javascript代码的竞赛，发现有不少的人对Javascript的执行和装载的基础并不懂，所以，从那天起我就想写一篇文章，但一直耽搁了。自上篇《浏览器渲染原理简介》，正好也可以承前启后。首先，我想说一下Javascript的装载和执行。通常来说，浏览器对于Jav... 阅读全文
posted @ 2014-11-15 18:36 super1234 阅读(406) 评论(0) 推荐(2) 编辑
关于jquery版本冲突问题
摘要：今天做项目时，碰到一个问题，纠结了好几个小时。我需要引入jquery-1.9.1.js来满足我引入的别的js文件，但同时，我也需要引入jquery.js，这个是必须要引入的。而这两个不能只引入一个，同时引入又碰到问题。后来，试了很长时间，终于发现一个办法可行。然后，引入jquery.js。在jsp页... 阅读全文
posted @ 2014-11-14 08:49 super1234 阅读(379) 评论(1) 推荐(0) 编辑
js去掉字符串前后空格的五种方法
摘要：第一种：循环检查替换[javascript]//供使用者调用function trim(s){return trimRight(trimLeft(s));}//去掉左边的空白function trimLeft(s){if(s == null) {return "";}var whitespace =... 阅读全文
posted @ 2014-11-13 17:13 super1234 阅读(883) 评论(0) 推荐(0) 编辑
使用 js替换网页中的关键词为链接
摘要：要求把一段html脚本中的疾病名添加到疾病库的链接，只添加一次，要避开超链接或图片链接。最初是用的 str.replace('糖尿病', '糖尿病');结果找了半天，愣是没找到替换后的效果，原来是有个图片的title中包含糖尿病，被它捷足先登了。因此要把链接、标签避开，但等标签不用避开上图：[ja... 阅读全文
posted @ 2014-11-13 11:33 super1234 阅读(1871) 评论(0) 推荐(0) 编辑
自己用过的一些比较有用的css3新属性
摘要：css3刚推出不久，虽然大多数的css3属性在很多流行的浏览器中不支持，但我个人觉得还是要尽量开始慢慢的去了解并使用css3（还有html5），因为我觉得这是一种趋势，它是一种已经被制定的标准。我并不是专门在做前端的，只是有时不得不自己去写这些东西，有时喜欢研究研究这些，所有以上只是我的个人看... 阅读全文
posted @ 2014-11-12 09:10 super1234 阅读(599) 评论(1) 推荐(2) 编辑
解决在IE浏览器中JQuery.resize()执行多次的方法（转）
摘要：最近在做前台效果的时候用到了JQuery提供的resize()事件。resize这个事件是监听浏览器窗口的放大与缩小，也就是说浏览器窗口大小的变化。我在W3CSCHOOL上面查阅的时候，提供了一个例子。W3C源码html>head>scripttype="text/javascript"src="/... 阅读全文
posted @ 2014-11-11 09:06 super1234 阅读(603) 评论(0) 推荐(0) 编辑
javascript小技巧[转]
摘要：总的来说,如果你要找js 的东西,而不看这两篇的话,肯定要多花好多时间!!哈哈!!如果你找的javascript的东西的话,建议你 ctrl+F 直接在这个页上找,因为这里80%有你要找的,但是要让你挨着看的话,你就准备看完就去配眼镜!!事件源对象event.srcElement.tagNameev... 阅读全文
posted @ 2014-11-10 13:05 super1234 阅读(782) 评论(2) 推荐(0) 编辑
用css3实现社交分享按钮
摘要：以前实现按钮一般都是用图片来实现的，特别是一些拥有质感的按钮，今天练习了一些相关方面的的例子，用css3来实现Social Media Buttonshtml代码如下 E-Mail LinkedIn Facebook Twitter Flickr css代码如下... 阅读全文
posted @ 2014-11-09 15:32 super1234 阅读(519) 评论(0) 推荐(0) 编辑
ASP.NET 中整合JavaScript的技巧
摘要：尽管ASP.NET提供了一个强壮的平台，但是开发者也不应忽视诸如JavaScript这样成熟的技术。在这篇文章中，Tony Patton将向您解释在Web开发中如何将JavaScript与ASP.NET控件进行整合。 尽管Web开发平台提供了灵活性和众多功能，您经常希望或需要依赖现有的技术来完成一... 阅读全文
posted @ 2014-11-07 17:32 super1234 阅读(309) 评论(0) 推荐(0) 编辑
CSS弹出背景半透明窗口
摘要：终于搞定这个效果了，IE和FF,OP均可以~先说原理:两个层,一个高度和宽度都是100%,另一个就是你要弹出的窗口的具体内容,半透明在IE中是用filter:Alpha(opacity=60);在非IE中用opacity:0.60;"/>"width="70"height="35"onclick="... 阅读全文
posted @ 2014-11-07 13:58 super1234 阅读(1824) 评论(0) 推荐(0) 编辑
JavaScript实现继承的混合方式
摘要：实现JavaScript继承的最简单的方式是call方法（或者apply方法）及原型链方法，但这两种方法都有缺陷，而其混合体就是很好的继承实现方式。下面举例说明：functionAnimal(age){this.age=age;}Animal.prototype.sayAge=function()... 阅读全文
posted @ 2014-11-07 08:37 super1234 阅读(1051) 评论(0) 推荐(0) 编辑
jquery-仿flash的一个导航栏特效
摘要：演示地址：http://itxiaoming.sinaapp.com/demo05/demo.htmlHtml代码demo01测试测试测试测试测试测试Js代码$(document).ready(function(){$(".menu").mouseover(function(){vardiv=$(t... 阅读全文
posted @ 2014-11-06 16:01 super1234 阅读(327) 评论(0) 推荐(0) 编辑
html5与css3学习实践--基础的内容划分标签
摘要：从位置上划分出网页的区域以后，就需要用到网页的内容标签了，比如、、、、等。网页中，这些内容标签和位置标签交错在一起，比如像下面这样：Html代码BodyTitle导航栏区域头文章头段落一段落二侧边栏文章尾区域尾区域头右侧导航栏CopyRight.其中，：代表一篇独立的正文内容，一般还会按照位置标签划... 阅读全文
posted @ 2014-11-06 13:54 super1234 阅读(376) 评论(0) 推荐(0) 编辑
jquery学习心得：一个很好的css和js函数调用的例子
摘要：统一目录下的资源结构图：StarTrackr!AroundTownLastNightPhotoTaggingName:Tags: 阅读全文
posted @ 2014-11-06 08:36 super1234 阅读(382) 评论(0) 推荐(0) 编辑
助你简化开发的 jQuery 插件
摘要：Vanity Toolsetvanity toolset是一套方便的UI工具集，可以帮助你快速的搭建幻灯，聚光灯，占位，收放相关的UI，它完成了大部分的UI功能，你只需要花费很少时间就可以构建一个完整功能的UIpercentageloader这个漂亮的进度条插件可以帮助你快速构建一个功能丰富的加载条... 阅读全文
posted @ 2014-11-05 14:56 super1234 阅读(327) 评论(0) 推荐(0) 编辑
【CSS3】好玩的动画线框
摘要：Html代码动画选框Css代码.box{width:300px;height:100px;border:1pxdotted#fff;border-image:url(data:image/gif;base64,R0lGODlhCAAIAJEAAP////8A/wAAAAAAACH/C05FVFNDQ... 阅读全文
posted @ 2014-11-05 08:43 super1234 阅读(414) 评论(0) 推荐(0) 编辑
js在IE与firefox的差别。。。
摘要：1.firefox不能对innerText支持。firefox支持innerHTML但却不支持innerText，它支持textContent来实现innerText，不过默认把多余的空格也保留了。如果不用textContent，如果字符串里面不包含HTML代码也可以用innerHTML代替。2.禁... 阅读全文
posted @ 2014-11-04 08:37 super1234 阅读(346) 评论(0) 推荐(0) 编辑
同一标签内多个css规则在页面中如何显示？
摘要：这两天在学习css涉及到内联、外联、嵌入对页面的影响：1、内联式-----将css代码直接写在html中.用 内联 CSS 可以有效减少 HTTP 请求，提升页面性能，缓解服务器压力。由于浏览器加载完 CSS 才能渲染页面，因此能防止 CSS 文件无法读取而造成页面裸奔的现象。2、外联式-----将... 阅读全文
posted @ 2014-11-03 08:50 super1234 阅读(961) 评论(2) 推荐(0) 编辑