随笔分类 -  jQuery

为每一个匹配的元素执行函数
摘要：输出每个列表项的值CoffeeMilkSoda<html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript">$(document).ready(function(){ $("button").click(function(){ $("li").each(function(){ alert 阅读全文
posted @ 2012-10-28 11:08 banbu 阅读(270) 评论(0) 推荐(0)
javascript 判断当前浏览器版本
摘要：var xmlhttp;if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari alert("高级浏览器、IE7以上版本"); }else {// code for IE6, IE5 alert("IE6,IE5"); }根据不同的浏览器创建 XMLHttpRequest 对象var xmlhttp;if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xml 阅读全文
posted @ 2012-09-27 14:30 banbu 阅读(335) 评论(0) 推荐(0)
屏幕锁定元素，随之滚屏。
摘要：今天看到一个网站的jQuesr效果不错。扒了。发现其实很简单的。 1 <style> 2 .yk_login { 3 width: 100%; 4 float: left; 5 height: 100px; 6 position: fixed; 7 bottom: 0; 8 left: 0; 9 overflow: hidden; 10 z-index: 9999; 11 _position: absolute; 12 _bottom: auto; 13 _top: expression(... 阅读全文
posted @ 2012-09-23 20:41 banbu 阅读(446) 评论(0) 推荐(0)
jQuery图片渐变特效
摘要：$(document).ready(function() { $("div.baba").mouseleave(function() { $("span.aaa").stop().animate({opacity: '1'},600); }); $("div.baba").mouseenter(function() { $("span.aaa").stop().animate({opacity: '0'},600); }); }); 阅读全文
posted @ 2012-09-02 17:25 banbu 阅读(507) 评论(0) 推荐(0)
操作滚动条滚动到指定位置
摘要：$("html,body").animate({scrollTop:$(a).offset().top},1000); 阅读全文
posted @ 2012-08-29 21:06 banbu 阅读(177) 评论(0) 推荐(0)
jQuery 参数传递例子
摘要：演示无标题文档网站首页网站首页网站首页网站首页网站首页网站首页网站首页代码<!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" 阅读全文
posted @ 2012-08-28 15:19 banbu 阅读(325) 评论(0) 推荐(0)
点击渐变弹出层
摘要：演示渐变弹出层点击这里是弹出层效果弹出层手机资讯热门文章联系站长建议意见代码<!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" 阅读全文
posted @ 2012-08-25 23:05 banbu 阅读(302) 评论(0) 推荐(0)
收缩展开效果
摘要：演示收缩展开效果收缩展开效果 1 2 3 4 5 收缩展开效果 1 2 代码<!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" 阅读全文
posted @ 2012-08-25 23:02 banbu 阅读(991) 评论(0) 推荐(0)
经典选项卡
摘要：演示选项卡-Download by http://www.codefans.net1111222233334444111111111111111111111122222222222222222333333333333333333333444444444444444444代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns=& 阅读全文
posted @ 2012-08-25 22:53 banbu 阅读(387) 评论(0) 推荐(0)
滚动读行!
摘要：演示单行滚动-Download by http://www.codefans.net这是公告标题的第一行这是公告标题的第二行这是公告标题的第三行这是公告标题的第四行这是公告标题的第五行这是公告标题的第六行这是公告标题的第七行这是公告标题的第八行代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://w 阅读全文
posted @ 2012-08-25 22:46 banbu 阅读(248) 评论(0) 推荐(0)