“前端思考：专注前端开发，关注用户体验”的评论 http://www.artcss.com 一个像素的距离... Tue, 30 Aug 2011 05:21:57 +0000 hourly 1 http://wordpress.org/?v=3.2.1 Artcss 对《留言板》的评论 http://www.artcss.com/guestbook/comment-page-1#comment-540 Artcss Tue, 30 Aug 2011 05:21:57 +0000 http://blog.artskin.cn/?page_id=730#comment-540 好的，友情链接已添加上了 好的，友情链接已添加上了

]]> 程序员之家 对《留言板》的评论 http://www.artcss.com/guestbook/comment-page-1#comment-512 程序员之家 Tue, 02 Aug 2011 08:28:40 +0000 http://blog.artskin.cn/?page_id=730#comment-512 你好 看过你的博客觉得很不错呢 不知道能否与我的小站交换下友情链接呢 我的网站是 http://www.chengxuyuans.com 程序员之家 你好 看过你的博客觉得很不错呢
不知道能否与我的小站交换下友情链接呢
我的网站是 http://www.chengxuyuans.com
程序员之家

]]> siqiniao 对《弹出层详解，从简单到复杂》的评论 http://www.artcss.com/archives/477.html/comment-page-1#comment-467 siqiniao Sat, 02 Jul 2011 01:26:06 +0000 http://www.artskin.cn/blog/?p=477#comment-467 弹出层后怎么锁定背景呢呢？？？ 弹出层后怎么锁定背景呢呢？？？

]]> celia 对《CSS打造评分星级效果》的评论 http://www.artcss.com/archives/73.html/comment-page-1#comment-461 celia Mon, 13 Jun 2011 06:09:50 +0000 http://www.artskin.cn/blog/?p=73#comment-461 不支持IE6？黄星好像没有展示？ 不支持IE6？黄星好像没有展示？

]]> Osmund Habert 对《让IE6更快的走向灭亡[转]》的评论 http://www.artcss.com/archives/569.html/comment-page-1#comment-444 Osmund Habert Thu, 21 Apr 2011 11:58:16 +0000 http://blog.artskin.cn/?p=569#comment-444 <i>其实，作为程序员，真的希望世界上只有一种浏览器……</i> +1 其实，作为程序员，真的希望世界上只有一种浏览器……
+1

]]> ZWW 对《jQuery滑动导航菜单》的评论 http://www.artcss.com/archives/821.html/comment-page-1#comment-368 ZWW Wed, 05 Jan 2011 09:59:56 +0000 http://www.artcss.com/?p=821#comment-368 挺喜欢这种华丽的导航，不过二级菜单里hover状态下的背景色跟非hover状态下的太相近了，一开始还以为没有写变换背景色的效果 挺喜欢这种华丽的导航，不过二级菜单里hover状态下的背景色跟非hover状态下的太相近了，一开始还以为没有写变换背景色的效果

]]> 边缘 对《留言板》的评论 http://www.artcss.com/guestbook/comment-page-1#comment-328 边缘 Thu, 21 Oct 2010 13:00:58 +0000 http://blog.artskin.cn/?page_id=730#comment-328 :arrow: 楼主换个链接吧 :arrow: 楼主换个链接吧

]]> Artcss 对《静态页面js传参》的评论 http://www.artcss.com/archives/897.html/comment-page-1#comment-321 Artcss Wed, 13 Oct 2010 05:01:17 +0000 http://www.artcss.com/?p=897#comment-321 代码高亮我用的是WP-CodeBox插件，呵呵，下载地址http://wordpress.org/extend/plugins/wp-codebox/ 代码高亮我用的是WP-CodeBox插件，呵呵，下载地址http://wordpress.org/extend/plugins/wp-codebox/

]]> » 封装的前端栏目选项卡(滑动门) 对《最简单的代码实现Tab》的评论 http://www.artcss.com/archives/762.html/comment-page-1#comment-318 » 封装的前端栏目选项卡(滑动门) Tue, 12 Oct 2010 03:09:04 +0000 http://www.artcss.com/?p=762#comment-318 [...] 第一种不带自动切换 <!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=gb2312″ /> <meta name=”description” content=”前端思考，专注前端开发，关注用户体验，artskin artcss ” /> <meta name=”keywords” content=”前端思考,artskin,artcss ” /> <script type=”text/javascript” src=”http://www.brucehan.com/bat/js/jq_1.4.js”></script> <title>最简单的弹出层：前端思考</title> <style> *{margin:0;padding:0px;font-family:Microsoft YaHei,Verdana,Arial;} h2{clear:both;padding:10px;font-size:16px;font-weight:normal} .tab{margin-left:10px;float:left;display:inline;} .tab dt{height:20px;} .tab dt span{display:block;width:50px;height:20px;line-height:20px;text-align:center;float:left;margin-right:1px;display:inline;cursor:default;background:#ddd;} .tab dt span.current{background:green;color:#fff;} .tab dd{width:201px;height:100px;font-size:36px;text-align:center;line-height:100px;border:1px solid green;display:none} </style> <script type=”text/javascript”> $(function(){ var i=0; function oTab (){ $(this).addClass(“current”).siblings().removeClass(“current”).parent().siblings().hide().siblings(“.”+$(this).attr(“id”)).show(); } $(“.tabt span,.tabt2 span”).mouseover(oTab); $(“.tabt3 span”).click(oTab); }); </script> </head> <body> <h2>一、鼠标滑过（调用两个）</h2> <dl> <dt> <span id=”t1″>111</span> <span id=”t2″>222</span> <span id=”t3″>333</span> <span id=”t4″>444</span> </dt> <dd style=”display:block”>一</dd> <dd>二</dd> <dd>三</dd> <dd>四</dd> </dl> <dl> <dt> <span id=”c1″>111</span> <span id=”c2″>222</span> <span id=”c3″>333</span> <span id=”c4″>444</span> </dt> <dd style=”display:block”>一</dd> <dd>二</dd> <dd>三</dd> <dd>四</dd> </dl> <h2>二、鼠标点击</h2> <dl> <dt> <span id=”d1″>111</span> <span id=”d2″>222</span> <span id=”d3″>333</span> <span id=”d4″>444</span> </dt> <dd style=”display:block”>一</dd> <dd>二</dd> <dd>三</dd> <dd>四</dd> </dl> </body> </html> 第二种带自动切换功能！ <!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=gb2312″ /> <meta name=”description” content=”前端思考，专注前端开发，关注用户体验，artskin artcss ” /> <meta name=”keywords” content=”前端思考,artskin,artcss ” /> <script type=”text/javascript” src=”http://www.artcss.com/js/jq_1.4.js”></script> <title>最简单的弹出层：前端思考</title> <style> *{margin:0;padding:0px;font-family:Microsoft YaHei,Verdana,Arial;} h2{clear:both;padding:10px;font-size:16px;font-weight:normal} .tab{margin-left:10px;float:left;display:inline;} .tab dt{height:20px;} .tab dt span{display:block;width:50px;height:20px;line-height:20px;text-align:center;float:left;margin-right:1px;display:inline;cursor:default;background:#ddd;} .tab dt span.current{background:green;color:#fff;} .tab dd{width:201px;height:100px;font-size:36px;text-align:center;line-height:100px;border:1px solid green;display:none} </style> <script type=”text/javascript”> $(function(){ var i=0; function oTab (){ $(this).addClass(“current”).siblings().removeClass(“current”).parent().siblings().hide() .siblings(“.”+$(this).attr(“id”)).show(); i = $(“.tabt4 span”).index(this); } function oStart(i){ $(“.tabt4 span”).eq(i).addClass(“current”).siblings().removeClass(“current”); $(“#auto dd”).eq(i).show().siblings(“dd”).hide(); } function oTimer(){ oStart(i); i++; if(i==4) { i=0; } } var myTimer = setInterval(oTimer,1000); //鼠标悬停和移开的情况用hover $(“#auto”).hover(function(){ if(myTimer) { clearInterval(myTimer); } },function(){ myTimer = setInterval(oTimer,1000); }); $(“.tabt span,.tabt2 span,.tabt4 span”).mouseover(oTab); $(“.tabt3 span”).click(oTab); }); </script> </head> <body> <h2>一、鼠标滑过（调用两个）</h2> <dl> <dt> <span id=”t1″>111</span> <span id=”t2″>222</span> <span id=”t3″>333</span> <span id=”t4″>444</span> </dt> <dd style=”display:block”>一</dd> <dd>二</dd> <dd>三</dd> <dd>四</dd> </dl> <dl> <dt> <span id=”c1″>111</span> <span id=”c2″>222</span> <span id=”c3″>333</span> <span id=”c4″>444</span> </dt> <dd style=”display:block”>一</dd> <dd>二</dd> <dd>三</dd> <dd>四</dd> </dl> <h2>二、鼠标点击</h2> <dl> <dt> <span id=”d1″>111</span> <span id=”d2″>222</span> <span id=”d3″>333</span> <span id=”d4″>444</span> </dt> <dd style=”display:block”>一</dd> <dd>二</dd> <dd>三</dd> <dd>四</dd> </dl> <h2>三、自动切换</h2> <dl id=”auto”> <dt> <span id=”e1″>111</span> <span id=”e2″>222</span> <span id=”e3″>333</span> <span id=”e4″>444</span> </dt> <dd style=”display:block”>一</dd> <dd>二</dd> <dd>三</dd> <dd>四</dd> </dl> </body> </html> 原文出处：前段思考 [...] [...] 第一种不带自动切换 <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt; <html xmlns=”http://www.w3.org/1999/xhtml”&gt; <head> <meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ /> <meta name=”description” content=”前端思考，专注前端开发，关注用户体验，artskin artcss ” /> <meta name=”keywords” content=”前端思考,artskin,artcss ” /> <script type=”text/javascript” src=”http://www.brucehan.com/bat/js/jq_1.4.js”></script&gt; <title>最简单的弹出层：前端思考</title> <style> *{margin:0;padding:0px;font-family:Microsoft YaHei,Verdana,Arial;} h2{clear:both;padding:10px;font-size:16px;font-weight:normal} .tab{margin-left:10px;float:left;display:inline;} .tab dt{height:20px;} .tab dt span{display:block;width:50px;height:20px;line-height:20px;text-align:center;float:left;margin-right:1px;display:inline;cursor:default;background:#ddd;} .tab dt span.current{background:green;color:#fff;} .tab dd{width:201px;height:100px;font-size:36px;text-align:center;line-height:100px;border:1px solid green;display:none} </style> <script type=”text/javascript”> $(function(){ var i=0; function oTab (){ $(this).addClass(“current”).siblings().removeClass(“current”).parent().siblings().hide().siblings(“.”+$(this).attr(“id”)).show(); } $(“.tabt span,.tabt2 span”).mouseover(oTab); $(“.tabt3 span”).click(oTab); }); </script> </head> <body> <h2>一、鼠标滑过（调用两个）</h2> <dl> <dt> <span id=”t1″>111</span> <span id=”t2″>222</span> <span id=”t3″>333</span> <span id=”t4″>444</span> </dt> <dd style=”display:block”>一</dd> <dd>二</dd> <dd>三</dd> <dd>四</dd> </dl> <dl> <dt> <span id=”c1″>111</span> <span id=”c2″>222</span> <span id=”c3″>333</span> <span id=”c4″>444</span> </dt> <dd style=”display:block”>一</dd> <dd>二</dd> <dd>三</dd> <dd>四</dd> </dl> <h2>二、鼠标点击</h2> <dl> <dt> <span id=”d1″>111</span> <span id=”d2″>222</span> <span id=”d3″>333</span> <span id=”d4″>444</span> </dt> <dd style=”display:block”>一</dd> <dd>二</dd> <dd>三</dd> <dd>四</dd> </dl> </body> </html> 第二种带自动切换功能！ <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt; <html xmlns=”http://www.w3.org/1999/xhtml”&gt; <head> <meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ /> <meta name=”description” content=”前端思考，专注前端开发，关注用户体验，artskin artcss ” /> <meta name=”keywords” content=”前端思考,artskin,artcss ” /> <script type=”text/javascript” src=”http://www.artcss.com/js/jq_1.4.js”></script&gt; <title>最简单的弹出层：前端思考</title> <style> *{margin:0;padding:0px;font-family:Microsoft YaHei,Verdana,Arial;} h2{clear:both;padding:10px;font-size:16px;font-weight:normal} .tab{margin-left:10px;float:left;display:inline;} .tab dt{height:20px;} .tab dt span{display:block;width:50px;height:20px;line-height:20px;text-align:center;float:left;margin-right:1px;display:inline;cursor:default;background:#ddd;} .tab dt span.current{background:green;color:#fff;} .tab dd{width:201px;height:100px;font-size:36px;text-align:center;line-height:100px;border:1px solid green;display:none} </style> <script type=”text/javascript”> $(function(){ var i=0; function oTab (){ $(this).addClass(“current”).siblings().removeClass(“current”).parent().siblings().hide() .siblings(“.”+$(this).attr(“id”)).show(); i = $(“.tabt4 span”).index(this); } function oStart(i){ $(“.tabt4 span”).eq(i).addClass(“current”).siblings().removeClass(“current”); $(“#auto dd”).eq(i).show().siblings(“dd”).hide(); } function oTimer(){ oStart(i); i++; if(i==4) { i=0; } } var myTimer = setInterval(oTimer,1000); //鼠标悬停和移开的情况用hover $(“#auto”).hover(function(){ if(myTimer) { clearInterval(myTimer); } },function(){ myTimer = setInterval(oTimer,1000); }); $(“.tabt span,.tabt2 span,.tabt4 span”).mouseover(oTab); $(“.tabt3 span”).click(oTab); }); </script> </head> <body> <h2>一、鼠标滑过（调用两个）</h2> <dl> <dt> <span id=”t1″>111</span> <span id=”t2″>222</span> <span id=”t3″>333</span> <span id=”t4″>444</span> </dt> <dd style=”display:block”>一</dd> <dd>二</dd> <dd>三</dd> <dd>四</dd> </dl> <dl> <dt> <span id=”c1″>111</span> <span id=”c2″>222</span> <span id=”c3″>333</span> <span id=”c4″>444</span> </dt> <dd style=”display:block”>一</dd> <dd>二</dd> <dd>三</dd> <dd>四</dd> </dl> <h2>二、鼠标点击</h2> <dl> <dt> <span id=”d1″>111</span> <span id=”d2″>222</span> <span id=”d3″>333</span> <span id=”d4″>444</span> </dt> <dd style=”display:block”>一</dd> <dd>二</dd> <dd>三</dd> <dd>四</dd> </dl> <h2>三、自动切换</h2> <dl id=”auto”> <dt> <span id=”e1″>111</span> <span id=”e2″>222</span> <span id=”e3″>333</span> <span id=”e4″>444</span> </dt> <dd style=”display:block”>一</dd> <dd>二</dd> <dd>三</dd> <dd>四</dd> </dl> </body> </html> 原文出处：前段思考 [...]

]]> 张二 对《静态页面js传参》的评论 http://www.artcss.com/archives/897.html/comment-page-1#comment-306 张二 Mon, 27 Sep 2010 03:08:56 +0000 http://www.artcss.com/?p=897#comment-306 你代码样式挺好看,用的啥插件?我的那个就太难看了..... :???: 你代码样式挺好看,用的啥插件?我的那个就太难看了….. :???:

]]>