【jQuery热气球动画半透明背景的后台登录界面代码分享_jquery】教程文章相关的互联网学习教程文章

制作jquery遮罩层效果导航菜单代码分享

jquery导航是一个网站必不可少的模块,当一个用户在一个网站上浏览的时候,为了某个目的而查看网站导航栏的时候,突出导航栏的效果是重中之重。因此必须要使用一个效果:jquery遮罩层。利用明暗效果来突出当前用户的操作。 代码如下:$(function() {var $oe_menu= $(#oe_menu);var $oe_menu_items= $oe_menu.children(li);var $oe_overlay= $(#oe_overlay); $oe_menu_items.bind(mouseenter,function(){var $this = ...

一个JQuery操作Table的代码分享

代码如下:一、数据准备 <table id="table1"> <tr><th>文章标题</th><th>文章分类</th><th>发布时间</th><th>操作</th></tr> <tr><td>测试</td><td>测试</td><td>测试</td><td>测试</td></tr> <tr><td>测试</td><td>测试</td><td>测试</td><td>测试</td></tr> <tr><td>测试</td><td>测试</td><td>测试</td><td>测试</td></tr> </table> <table id="table2"> <tr><td>文章标题</td><td>文章分类</td><td>发布时间</td><td>操作</td><...

jquery 操作DOM案例代码分享【图】

实例如下: 代码如下:<style type="text/css"> body{ margin:0; padding:40px; background:#fff; font:80% Arial, Helvetica, sans-serif; color:#555; line-height:180%; } img{border:none;} ul,li{ margin:0; padding:0; } li{ list-style:none; float:left; display:inline; margin-right:10px; border:1px solid #AAAAAA; } /* tooltip */ #tooltip{ position:absolute; border:1px solid #ccc; background:#333; padding:2p...

jQuery 阴影插件代码分享【图】

XP下 FF/遨游3/IE8/IE6(IETester)中的效果 使用方法: 1.先引用jquery,然后引用jquery.textshadow.js(点击下载) 2.给元素加个"text-shadow:x偏移 y偏移 模糊半径 阴影颜色;"的样式(必须,因为插件里面会去找这个样式) 3.给元素应用jquery插件. 4.OK. 代码如下:<!DOCTYPE HTML> <html lang="zh-CN"> <head> <meta charset="utf-8"/> <script type="text/javascript" src="../jquery.js"></script> <script type="text/javascript" sr...

遍历jquery对象的代码分享

代码如下:$("dd").bind("click",function(e){ var $obj = $(e.target); var i=0; for (var x in $obj){ i++; var $hr=(i%5==0) ? "<hr />" : " "; document.write(x+" "+$hr); } }); 遍历结果: 0 length prevObject context selector -------------------------------------------------------------------------------- constructor init jquery size toArray ----------------------------------------------------------------...

jquery绑定原理 简单解析与实现代码分享

jq里面有一个data的方法,给dom元素绑定相关的数据的。当给dom用jq的方法绑定了事件,会生成对应的时间列表 可以看下面的例子(请在firefox中查看 因为firefox中对象支持toSource()) 代码如下:<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title></title> </head> <body> <div id="test"></div> <script type="text/javascript" src="http://common.cnblogs.com/script/...

如jQuery般易用的api风格代码分享

回到正题,如jQuery般易用的api风格?那到底是什么样的风格呢?个人觉得比较重要的有两点,一是对dom操作的链式调用,并且都呈队列状态,不仅仅使代码的可读语义变得通俗易懂,而且省去了对同一dom元素的多个链式操作时的回调中嵌回调的方式,这是很重要的一点。 二是对元素的批量操作,这是建立在它强大的选择器上的。jq选择器很强大,这是人所众知的,就不多说了。而且肯定也不是一两天就能实现的了的,所以下面就对我所说的这两...