由于项目中多处要给ajax提交的时候增加等待动画效果，所以就写了一个简单的通用js方法；代码如下： 代码如下:/*ajax提交的延时等待效果*/ var AjaxLoding = new Object(); //wraperid : 显示loding图片的容器元素//ms：表示loding图标显示的时长，毫秒//envent：表示出发事件的事件源对象，用于获得出发事件的对象//callback：表示动画结束后执行的回掉方法//stop（）方法表示在回掉方法执行成功后执行的隐藏动画的操作AjaxLoding....
代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GB18030"> <title>Spiral</title> <script type="text/javascript" src="js/jquery-1.5.js"></script> </head> <body> <script type="text/javascript"> var Spiral; var yjq; (function(){ yjq = function(name,t...
下边我就简单说一下过程和原理。第一步：实现一个匿名函数并能自己执行。 代码如下:（function(){ }）() 这个函数在一样编的好的JS代码中经常会见到，起到闭包，自动执行的效果，在函数后加一对()表示自动执行，前边的匿名函数需要用()包起来，这样才能为宿主（我们的BOM环境）理解，里面的function(){}这就是个匿名函数。第二步：实现动画，以改变一个box的秀明度来说明。id为animation的div 代码如下:<div id="animation"></div...
基本动画代码：代码如下:<html xmlns="http://www.w3.org/1999/xhtml"><head><title>Hello World jQuery!</title><script type="text/javascript" src="jquery-1.3.2.min.js"></script> <script type="text/javascript">$(document).ready(function(){ //基本的动画函数主要分为show, hide和toggle三个. 都提供了无参数的版本//并且都提供了两个参数的重载，如show( speed, [callback] ), //callback,签名如下:function callback()...
代码如下:<html> <head> <meta charset="utf-8"/> <style> *{ margin:0; padding:0;} body{font-size:15px;} #container{ margin:60px; line-height:2em; width:300px; border:1px solid #CCC;} .head{ background:#999; padding:5px; cursor:pointer;} .content{ text-indent:15px;} </style> <script type="text/javascript" src="script/jquery-1.4.2.min.js"></script> <script> $(function(){ $("h5.head").toggle(function()...
代码如下:[code] <html> <head> <meta charset="utf-8"/> <style> *{ margin:0; padding:0;} body{font-size:15px;} #container{ margin:60px; line-height:2em; width:300px; border:1px solid #CCC;} .head{ background:#999; padding:5px; cursor:pointer;} .content{ text-indent:15px;} </style> <script type="text/javascript" src="script/jquery-1.4.2.min.js"></script> <script> $(function(){ $("h5.head").hover(func...
其实原理是很简单的，主要是使用了一个计时器函数，下面我为大家演示一个简单的动画的制作过程，通过有关的介绍，大家可以举一反三，做出更多很炫的动画效果。 这个实例的效果是点击网页上的“开始移动”按钮，则其中的指定图层就会从左到右移动，在这个过程中你点击“停止移动”按钮就会停止移动。 代码如下: <html> <head> <title>JavaScript Motion Sample</title> <script language="JavaScript"> var movin...
源代码： 代码如下:<!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-Type" content="text/html; charset=utf-8" /><title>谷歌主页动画</title><style type="text/css">.animate{ height:156px; width:97px; background:url(images/gumby11-gumby.jpg) no-repeat; backg...
已经有两年多没登陆csdn账号了，中间做了些旁的事，可是现在却还是回归程序，但改做前端了，虽然很多东西都已忘得差不多了，但还是应该摆正心态，慢慢来，在前端漫游，做一只快乐双鱼。 路是一步一步走出来的，知识是一点一滴积累的，记录是笔财富，来吧，一起学着总结做笔记。 这几天在写后台文章的一些页面，为了能得到更好的交互性，需要做一些效果，js无疑使不二之选，但由于浏览器的兼容性一直差强人意，所以选用jquery框架，...
前言：前段时间一直都好忙也就好久没有写些东西了，最近手上的事刚好告些段落了，把以前空写的写插件都拿出来分享下吧，希望对大家有些帮助，也希望有高手能帮忙指点下我的写不足和错误，一直以来自己写的东西都是在用，性能方面个人只能尽量靠近问题还很多……真心求指点；插件简介：执行渐隐等动画效果，可以这个插件为一个附加插件 可以配合前面我发的一个弹出层 等等之类的东西用增加js展示的趣味性，使用方法：在下面的js代码...
css 代码如下:body, span, div, td { font-size:12px; line-height:1.5em; color:#849BCA; }#bodyL { float:left; width:84px; margin-right:2px; }a.od { width:80px; height:25px; line-height:25px; text-align:center; font-weight:bold; border: 2px solid #849BCA; display:block; color:#547BC9; float:left; text-decoration:none; margin-top:2px; }a.od:link { background:#EEF1F8; }a.od:visited { background:#EEF1F8;...
代码如下: <style type="text/css"> table{border:1px solid #666;} table td{border:1px solid #eee;width:200px;height:200px;} img{width:200px;height:200px;border:none;position:relative;} </style> <script src="jquery-1.9.1.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { // $(img).click(function () { ...
动画效果 show():显示 hide()隐藏 $().toggle():显示和隐藏效果切换 都可以传入参数，speed. fadeOut(淡出) fadeIn(淡入) fadeToggle();淡入淡出切换 fadeTo(2000,0.3)将图片显示到透明度为30%的程度 滑动显示 slideDown()： slideUp(): slideToggle(): 都可以传入一个speed参数。 $(:animated);获取正在执行动画的元素。 将正在执行动画的元素停止： $(:animated).stop():停止当前的动画。 stop(true)表示清除队列中的所有...
此Jquery插件是一款非常实用的特效，是很多网站不可缺少的推广神兵利器，传统的一般都用百度、加网的分享插件，但样式外观都不怎么好看，用户体验效果差一点，此作品不但有分享功能，还具备了动画效果，提高了用户体验。由于用了CSS3，为了可以看到插件的最佳效果，建议大家使用谷歌、火狐等浏览器。。。作品包括以下功能： 1、弹出层 2、遮罩层 3、动画效果 4、CSS3 效果如下： 源码下载 代码片段(1) 代码如下:$(document).ready...
导航菜单比较实用，当然还是选择经典的，代码最少的，效果最好的喽，各位童鞋请围观哦，废话不说， 效果图如下，欢迎评价： 看代码： 代码如下:<!DOCTYPE html > <html> <head> <title>一款带动画效果的经典二级导航菜单Jquery特效</title> <meta name="author" content="Jquery" /> <meta name="keywords" content="Jquery,Jquery资源,前端设计,div+css" /> <style> html, body, ul, li, h1, h2, h3, h4, h5, h6, fieldset, lege...