JavaScript
文章平均质量分 79
blatar
这个作者很懒,什么都没留下…
展开
-
JavaScript打印调试信息的方法(Jquery)修改版
每次用alert输出信息,信息量小,调试不方便,有这样一个方法,能更好的写js代码,因为用Jquery较多,所以只写了Jquery的调试方法,还可以依据自己的喜好,在调试信息前加时间, 修改后将调试信息输出到可以缩放悬浮框中,下面有附图, /** * 打印JavaScript调试信息,定位使用绝对定位,每次打印的信息空一行 */ function plInfo(obj){ if($原创 2012-09-04 09:38:57 · 1685 阅读 · 1 评论 -
正解jquery获取标签名,网上太多骗子贴了!!!
正解jquery获取标签名,网上太多骗子贴了!!! 正解jquery获取标签名,网上太多骗子贴了!!! 正解如下: $(selector).get(0).tagName 得到的标签名是大写,如果 得到的是 LI 非常感谢: http://www.jb51.net/article/30803.htm原创 2013-02-08 10:22:22 · 629 阅读 · 0 评论 -
jquery不同方向的卷帘效果
首先非常感谢这篇博文: http://www.cnblogs.com/rubylouvre/archive/2012/11/06/2757175.html demo01.htm 方向反馈 html,body{margin:0;padding:50px;} #wrap{position:relative;width:400px;height:300px;backgroun原创 2013-02-01 09:41:35 · 799 阅读 · 0 评论 -
jquery实现的带数字标注的焦点图片切换
demo01.html 手动滚动图片 ul,li{margin:0;padding:0} img{border:0px;} #container{padding:40px;} #showArea img{width:700px;} a{text-decoration:none;border:0px;} #scrollDiv{border:#ccc 1px solid原创 2013-01-24 09:41:11 · 1944 阅读 · 0 评论 -
jquery实现的带缩略图的焦点图片切换
demo04.html 手动滚动图片 ul,li{margin:0;padding:0} img{border:0px;} #container{padding:40px;} #showArea img{width:700px;} a{text-decoration:none;border:0px;} #scrollDiv{border:#ccc 1px solid;} #sc原创 2013-01-23 12:31:28 · 2853 阅读 · 0 评论 -
javascript 正则表达式 手机 电话 email 非空
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> form check body{font-family:"微软雅黑" verdana;} #div_result{display:block;原创 2012-11-05 13:49:28 · 144 阅读 · 0 评论 -
javascript 正则表达式 email 手机,固定电话 非空字符
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> form check body{font-family:"微软雅黑" verdana;} #div_result{display:block;原创 2012-11-05 13:50:28 · 1152 阅读 · 0 评论 -
jquery 实现树形菜单 【更新】
1 修改了线条图片样式 2 增加了文字点击函数 先上图: 贴代码: ul2tree.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ul2tre原创 2012-11-01 10:05:09 · 1845 阅读 · 1 评论 -
jquery实现多行滚动代码,可以向左或向上滚动
html 文件 gundong-0.1.html 多行滚动jQuery循环新闻列表代码 ul,li{margin:0;padding:0} img{border:0px;} a{text-decoration:none;border:0px;} /* 横向滚动 */ #scrollDiv2{border:#ccc 1px solid;} #scrollD原创 2012-10-12 11:03:35 · 2478 阅读 · 0 评论 -
jquery实现简单瀑布流代码
测试环境:ie8 ff13.0.1 chrome22 可以将分页获取的内容依次填入四个div中,瀑布流的分页可以以多页(比如5页)为单位二次分页,这样可以减少后台算法的复杂度 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tr原创 2012-10-09 11:48:26 · 4122 阅读 · 1 评论 -
导航条随网页滚动代码示例,js,jquery,兼容firefox,ie,chrome
简单示意代码,已测试环境:firefox,ie,chrome <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> fixed bar body{margin:0px;}原创 2012-10-09 09:40:37 · 3028 阅读 · 0 评论 -
js 自动播放代码
定义播放时间,可以定义事件 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> auto play #div_show{width:300px; height:200p原创 2012-09-12 16:03:21 · 1261 阅读 · 0 评论 -
js 获取随机颜色值
/* * 获取随机颜色值 * @param min,最小取值,取值范围0-255 * @param max,最大取值,取值范围0-255 */ function getColor(min,max){ var co = ""; co+=(getRandom(min,max)+","); co+=(getRandom(min,max)+","); co+=g原创 2012-09-11 15:09:01 · 1590 阅读 · 0 评论 -
jquery实现表格奇数偶数行不同样式,非入侵实现
非侵入实现,控制更方便 效果图: javascript practice table{width:300px;} caption{background:#DCA;} th{background:#FCA;width:50%;} td{text-align:center;} $(document).ready(function(){ odd= {"b原创 2012-09-07 16:52:55 · 3235 阅读 · 0 评论 -
jquery 进度条
效果图 bar #time_back{width:300px;height:20px;border:1px solid #246;background:#CCC} #time_bar{width:0;height:20px;background:#470;color:#FFF;text-align:right;} #target_back{width:30原创 2012-09-07 13:56:12 · 1015 阅读 · 1 评论 -
jquery实现可配置动态幻灯片代码
主要思路: 1、列表元素增加 “pptAction” 属性,属性值对应“pptframe-animate-0.1.0.js” 中的动画函数名称 2、使用 next()和prev() 方法实现切换效果 遗留问题: 1、prev()目前没有实现动画 demo01.html 幻灯片 $(document).ready(function(){ v原创 2013-11-28 14:39:40 · 453 阅读 · 0 评论