小菜编写的又一款jQuery小插件,有兴趣的朋友可以试试~简介:对于一个用于产品展示、销售的网站而言,很可能需要一种促销的特效。一般而言,我们会在商品图片前加一个促销栏,写上一些促销标语、原价、折扣价等。如果您的网站比较旧,或者您的新网站没有考虑这个功能,那么后期再加的话,可能需要费一番心思。Sal...
分类:
Web程序 时间:
2014-05-19 19:39:59
阅读次数:
331
上篇说道,tokenize方法会把selector分割成一个个selector逻辑单元(如div a是两个逻辑单元)并为之片段赋予对应类型的过滤函数。
for ( type in Expr.filter ) {
if ( (match = matchExpr[ type ].exec( soFar )) && (!preFilters[ type ] ||...
分类:
Web程序 时间:
2014-05-18 13:42:59
阅读次数:
393
为了保证网页代码层次清晰,便于管理,一般HTML中只体现网页结构,具体的行为处理通过JS实现,样式则通过CSS文件管理。
在以上原则下通过JS实现行为时,一定要注意文档加载过程中,执行JS代码的时机。页面加载过程有两个事件,一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件),二是onload,指示页 面包含图片等文件在内的所有元素都加载完成。(可以说:ready 在onloa...
分类:
编程语言 时间:
2014-05-18 10:55:24
阅读次数:
261
用jquery实现的一个超级简单的下拉菜单。
效果图
初始效果
鼠标悬浮效果
代码
nav a {
text-decoration: none;
}
nav > ul > li {
float: left;
text-align: center;
padding: 0 0.5em;
}
nav li ul.sub-menu {
...
分类:
Web程序 时间:
2014-05-18 10:48:11
阅读次数:
522
jQuery
jQuery 是目前最受欢迎的 JavaScript 框架。它使用 CSS 选择器来访问和操作网页上的 HTML 元素(DOM 对象)。jQuery 同时提供 companion UI(用户界面)和插件。
jQuery 极大地简化了 JavaScript 编程,很容易学习。
如何使用呢?以前没用过,感觉很茫然啊。。。慢慢摸索着弄弄看。。。...
分类:
编程语言 时间:
2014-05-18 10:27:43
阅读次数:
253
使用过 AngularJS 的朋友应该最感兴趣的是它的指令。现今市场上的前端框架也只有AngularJS 拥有自定义指令的功能,并且AngularJS 是目前唯一提供Web应用可复用能力的框架。
目前有很多JavaScript 产品提供插件给Web开发人员。例如, Bootstrap 就是当前比较流行的提供样式和JavaScript插件的前端开发工具包。但是开发人员在使用Booostrap中的插件时, 必须切换到JavaScript 模式来写 jQuery 代码来激活插件虽然jQuery 代码写起来十分简...
分类:
Web程序 时间:
2014-05-18 08:21:28
阅读次数:
503
/**=========================================**
| 异步延时加载js/css文件
| @example loadasync("http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js");
| @author liuensong@gmail.com
| @param stri...
分类:
编程语言 时间:
2014-05-18 06:16:24
阅读次数:
299
方法
描述
bind()
向匹配元素附加一个或更多事件处理器
blur()
触发、或将函数绑定到指定元素的 blur 事件
change()
触发、或将函数绑定到指定元素的 change 事件
click()
触发、或将函数绑定到指定元素的 click 事件
dblclick()
触发、或将函数绑定到指定元素的 double click...
分类:
Web程序 时间:
2014-05-18 05:37:19
阅读次数:
359
由于我想在页面加载完成后,有几个地方显示当前时间,所以我需要给多个span赋值。
span代码的写法如下: (多个span)
jQuery写法:
$(document).ready(function() { //获取当前时间比如:2014年5月17日(js自带的方法)
var currentDate = new Date().toLocaleDateStri...
分类:
Web程序 时间:
2014-05-18 04:49:05
阅读次数:
322
var dialog = art.dialog({
title: '欢迎',
content: '欢迎使用artDialog对话框组件!',
icon: 'succeed',
follow: document.getElementById('btn2'),
ok: function(){
this.title('警告').content('请注意artDialog两秒后将关闭!').l...
分类:
Web程序 时间:
2014-05-18 04:14:13
阅读次数:
411