JavaScript
文章平均质量分 79
blatar
这个作者很懒,什么都没留下…
展开
-
JavaScript打印调试信息的方法(Jquery)修改版
每次用alert输出信息,信息量小,调试不方便,有这样一个方法,能更好的写js代码,因为用Jquery较多,所以只写了Jquery的调试方法,还可以依据自己的喜好,在调试信息前加时间,修改后将调试信息输出到可以缩放悬浮框中,下面有附图,/*** 打印JavaScript调试信息,定位使用绝对定位,每次打印的信息空一行*/function plInfo(obj){ if($原创 2012-09-04 09:38:57 · 1698 阅读 · 1 评论 -
正解jquery获取标签名,网上太多骗子贴了!!!
正解jquery获取标签名,网上太多骗子贴了!!!正解jquery获取标签名,网上太多骗子贴了!!!正解如下:$(selector).get(0).tagName 得到的标签名是大写,如果 得到的是 LI非常感谢: http://www.jb51.net/article/30803.htm原创 2013-02-08 10:22:22 · 643 阅读 · 0 评论 -
jquery不同方向的卷帘效果
首先非常感谢这篇博文:http://www.cnblogs.com/rubylouvre/archive/2012/11/06/2757175.htmldemo01.htm方向反馈html,body{margin:0;padding:50px;}#wrap{position:relative;width:400px;height:300px;backgroun原创 2013-02-01 09:41:35 · 817 阅读 · 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 · 1956 阅读 · 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 · 2872 阅读 · 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 · 158 阅读 · 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 · 1168 阅读 · 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 · 1856 阅读 · 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 · 2513 阅读 · 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 · 4167 阅读 · 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 · 3045 阅读 · 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 · 1278 阅读 · 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 · 1605 阅读 · 0 评论 -
jquery实现表格奇数偶数行不同样式,非入侵实现
非侵入实现,控制更方便效果图:javascript practicetable{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 · 3249 阅读 · 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 · 1028 阅读 · 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 · 467 阅读 · 0 评论