首页
美食
育儿
手工
生活
美妆
美容
设计
电脑
综合
首页
相关文章
CSS翻页效果,鼠标放上时变化,无需JS
CSS翻页效果,鼠标放上时变化,无需JS
!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"headmeta http-equiv="Content-Type" content="text/html; charset=gb2312" /titleDIV CSS实例：一款不错的CSS翻页效果（DIGG）/titlestyle type="text/css"BODY {FONT-SIZE: 12px;FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;WIDTH: 60%; PADDING-LEFT: 25px;}DIV.digg {PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT...<a href="https://www.tulaoshi.com/n/20160220/1631767.html" target="_blank">[ 查看全文 ]</a></p> <div class="img_yyy_2"> <span>2016-02-20</span> <i>标签:</i> <div class="yyy_2_a"><a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> </div> </div> </div> </div> <div class="xiangguan_gg xiangguan_reader clearfix"> <div class="xiang_892_1" style="width:1158px;"> <h3><a href="https://www.tulaoshi.com/n/20160220/1631767.html" target="_blank">CSS翻页效果,鼠标放上时变化,无需JS</a>的相关文章</h3> </div> <div class="xiang_892_2" style="width:1158px;"> <ul id="loadmore_container" style="width:1158px;"> <li> <div class="xiang_892_2_1"><a href="/reader/1590731" target="_blank"><img src="https://img.tulaoshi.com/201602/19/727ffbc9bf71dd76b341820aa0898537_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1590731.html" target="_blank">div+css实现鼠标放上去背景跟图片都会变化</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> New Document ul{ list-style:none; } a{ padding-left:1.5em;font-size:12px;height:23px;line-height:23px;color:gray;text-decoration:none; } a:link,a:visited{ background:url(/article/upimages/bbs_bg_off.gif); } a:hover,a:active{ background:url(/article/upimages/bbs_bg_on.gif); } 移动背景变换 移动背景变换 移动背景变换 移动背景变换 移动背...<a href="https://www.tulaoshi.com/n/20160219/1590731.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/紫藤萝的梦想呐/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/11.jpg" /><span>紫藤萝的梦想呐</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">70</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1590264" target="_blank"><img src="https://img.tulaoshi.com/201602/19/4e7cd3fb1a6cacb2c73f4fe66b7dd470_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1590264.html" target="_blank">一个JS翻页效果</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123">IFRAME border=0 style="text-align:center" marginWidth=0 marginHeight=0 src="1.htm" frameBorder=no width=200 scrolling=no height=200 style="border: 1px solid #CCCCCC" id="pic"/IFRAME a href="javascript:Page(-1)"上一页/aa href="javascript:Page(1)"下一页/a script language="javascript" var ...<a href="https://www.tulaoshi.com/n/20160219/1590264.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/面粉厂角肉夹馍/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/24.jpg" /><span>面粉厂角肉夹馍</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">170</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1625923" target="_blank"><img src="https://img.tulaoshi.com/201602/19/ff66db8e571c592117ede40054b221b0_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1625923.html" target="_blank">鼠标如何实现自动上下翻页的效果</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/diannaorumen/" target="_blank">电脑入门</a></div> <div class="span_em_123"> 就拿一篇小说的网页来说，你先打开网页，然后在页面上按住鼠标中间滚轮键，现在大家的鼠标都是有中间滚轮键吧。那没有鼠标滚轮键的鼠标在市场上都已经绝版了。按下滚轮键之后，就会出现一个图标按钮。如下图所示： 出现这个画圈图标按钮然后你不需要点击鼠标，只需要拖动鼠标就能实现往上移和往下移动的效果，按下鼠标左键或右键或键盘上的任意键即可停止滚动。当然你在点击移动图标按钮的时候，只需要向...<a href="https://www.tulaoshi.com/n/20160219/1625923.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/北京文化艺术/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/13.jpg" /><span>北京文化艺术</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">41</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1621798" target="_blank"><img src="https://img.tulaoshi.com/201602/19/4a0d542329658d9e5777cec53e40aadf_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1621798.html" target="_blank">Js和CSS实现脚注(Footnote)效果</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 脚注（Footnote）是向用户提供更多信息的一个最佳途径，也是主体信息的一个有效补充，常见于各种印刷书籍中。不过，既然脚注有这些好处，我们当然要在网页中也加以利用，本文向您介绍了用Javascript和CSS实现脚注效果的方法。 Javascript: script type="text/javascript" // 说明：用 Javascript 和 CSS 实现脚注（Footnote）效果 // 作者：CodeBit.cn ( http://www.CodeBit.cn ) var footNotes =...<a href="https://www.tulaoshi.com/n/20160219/1621798.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/hsxvme/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/28.jpg" /><span>hsxvme</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">12</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1503233" target="_blank"><img src="https://img.tulaoshi.com/201601/29/0e5de9c60081c263ad6e0d144f7f451d_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160129/1503233.html" target="_blank">双键鼠标实现Word自动翻页</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/bangongruanjian/" target="_blank">办公软件</a></div> <div class="span_em_123">笔者办公室使用的是只有两个按键的2D鼠标，在阅读较长的Word文档时，笔者习惯用滚轮让文档自动滚动，而2D鼠标没有滚轮，需要不断按键才能翻页，非常不方便。有没有什么办法能用2D鼠标让Word自动翻页呢？ 其实，只要使用Word的“宏”功能就能轻松实现自动翻页的功能。首先打开一篇文档，然后点击“工具/宏/宏”打开宏设置窗口（或者按快捷键Alt+F8），然后在“宏的位置”下拉菜单中选择“Word命令”，并在...<a href="https://www.tulaoshi.com/n/20160129/1503233.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/葵花QQ89191757/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/23.jpg" /><span>葵花QQ89191757</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">11</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1592887" target="_blank"><img src="https://img.tulaoshi.com/201602/19/4dcf3472799e5735c9eef2878169b389_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1592887.html" target="_blank">用js实现的抽象CSS圆角效果!!</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123">大概是去年的时候吧,就在网上见过了现成的CSS圆角效果的CSS及HTML代码,例如: html head titlecss圆角效果/title meta http-equiv="content-type" content="text/html; charset=gb2312" style type="text/css" div.RoundedCorner{background: #9BD1FA} b.rtop, b.rbottom{display:block;background: #FFF} b.rtop b, b.rbottom b{display:block;h...<a href="https://www.tulaoshi.com/n/20160219/1592887.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/HQ琪娃/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/7.jpg" /><span>HQ琪娃</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">4</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1603397" target="_blank"><img src="https://img.tulaoshi.com/201602/19/a781a92f8ceea8f036b5ff980e65251d_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1603397.html" target="_blank">纯CSS代码实现翻页</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> !DOCTYPE a href="/keys/html/index.html" target="_blank"html/a PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh" head profile="http://www.w3.org/2000/08/w3c-synd/#" meta http-equiv="content-language" content="zh-cn" / meta http-equiv="content-type" content="text/html;ch...<a href="https://www.tulaoshi.com/n/20160219/1603397.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/237001645/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/17.jpg" /><span>237001645</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">0</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1483330" target="_blank"><img src="https://img.tulaoshi.com/201601/29/34f26b2779a4161b2a04f028d813772d_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160129/1483330.html" target="_blank">CSS+JS实现的选项卡效果</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/html/" target="_blank">Html</a> <a href="https://www.tulaoshi.com/cssbuju/" target="_blank">CSS布局</a> <a href="https://www.tulaoshi.com/divcss/" target="_blank">Div+CSS</a> <a href="https://www.tulaoshi.com/xhtml/" target="_blank">XHTML</a></div> <div class="span_em_123"><!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd" <html lang="us-en" <head <title<a href="http://www.knowsky.com/article.asp?typeid=38"CSS</a选项卡(html组件)</title <link rel="shortcut icon" href="favicon.ico" type="...<a href="https://www.tulaoshi.com/n/20160129/1483330.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/QQ2627353793/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/10.jpg" /><span>QQ2627353793</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">26</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1631286" target="_blank"><img src="https://img.tulaoshi.com/201602/20/12a3aa8c6d79d9a73290c7ff750f59bc_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160220/1631286.html" target="_blank">CSS:网页表单实现鼠标悬停交互效果</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 制作表单的时候，实现鼠标悬停交互效果有多种方法: 1、在xhtml中直接写入onmouseover、onmouseout脚本就可以实现了，但这样就违背了web标准所倡导的内容、表现相分离的原则。以后若要对此进行修改也将会很繁琐。这样直接写入xhtml也会让页面代码增加，如果只是一个input输入框或许是无所谓的，如果是几十个几百个，增加的字节数就很宠大了。 2、在xhtml中加入小脚本，鼠标经过时可以切换CSS。具体内容...<a href="https://www.tulaoshi.com/n/20160220/1631286.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/笨小孩_DaXin/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/6.jpg" /><span>笨小孩_DaXin</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">12</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1483355" target="_blank"><img src="https://img.tulaoshi.com/201601/29/46691449824060746f9954f719d2ec77_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160129/1483355.html" target="_blank">完全CSS写的鼠标悬停tip效果</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/html/" target="_blank">Html</a> <a href="https://www.tulaoshi.com/cssbuju/" target="_blank">CSS布局</a> <a href="https://www.tulaoshi.com/divcss/" target="_blank">Div+CSS</a> <a href="https://www.tulaoshi.com/xhtml/" target="_blank">XHTML</a></div> <div class="span_em_123"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR /xhtml1/DTD/xhtml1-strict.dtd" <html xmlns="http://www.w3.org/1999/xhtml" <head <meta http-equiv="Content-Type" content="text/html; charset=GB2312" / <meta name="Author" content="Aultoale" / <style type="text/CSS" body {font:normal 12px Verdana} a#tip {position:relative;left:75px;...<a href="https://www.tulaoshi.com/n/20160129/1483355.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/紫色丶葬魂/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/5.jpg" /><span>紫色丶葬魂</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">67</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1617819" target="_blank"><img src="https://img.tulaoshi.com/201602/19/98f84907f739eeb6fb4ec0be1fadfc3b_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1617819.html" target="_blank">Css改变鼠标形状的15种效果代码</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 一般而言，鼠标以斜向上的箭头显示，移到文本上时变为有头的竖线，移到超级链接上变为手型。但用css可控制鼠标的显示效果，如可使鼠标移到普通文本上也显示成手型。 用css控制的语法如下: 文本或其它页面元素 把 * 换成如下15个效果的一种： hand、crosshair、text、wait、default、help、e-resize、ne-resize、n-resize、nw-resize、w-resize、sw-resize、s-resize、se-resize和...<a href="https://www.tulaoshi.com/n/20160219/1617819.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/聚花斋/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/9.jpg" /><span>聚花斋</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">31</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1621449" target="_blank"><img src="https://img.tulaoshi.com/201602/19/d61e66c25e70ec5d36fd95e93ff36fe1_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1621449.html" target="_blank">JS函数实现鼠标指向后带图片的提示效果</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 当鼠标移到产品缩略图上时能弹出显示大图，用JS写两个函数即可实现： 一个函数在鼠标移到图片上调用，显示隐藏层并将图片载入到层中; 另一个函数在鼠标移出图片上调用，清空层的内容并隐藏层。使用时需将"this.src"改为产品大图地址。 以下是引用片段： html head meta http-equiv="Content-Type" content="text/html; charset=gb2312" / titleJS函数实现鼠标指向后带图片的提示效果/title...<a href="https://www.tulaoshi.com/n/20160219/1621449.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/87年的老头/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/9.jpg" /><span>87年的老头</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">8</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1589058" target="_blank"><img src="https://img.tulaoshi.com/201602/19/8737a0822ec0b8bad6cb384931bd6e7a_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1589058.html" target="_blank">js实现图片显示局部鼠标经过显示全部的效果</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123">这个是例如了CSS的margin负值和相对定位做的一个图片放大的效果。图片开始只是局部的，鼠标放上去显示整个图片。 无标题文档 body{ font-size:12px; } ul,li,ol{ margin:0; padding:0; list-style:none; } .box{ margin:100px; clear:both; border:1px solid #000; } .box ul li{ list-style:none; float:left; width:60px; height:60px; margin-left:10px; text-align:center; border:1px so...<a href="https://www.tulaoshi.com/n/20160219/1589058.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/猩猩电灯吼住/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/18.jpg" /><span>猩猩电灯吼住</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">89</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1598490" target="_blank"><img src="https://img.tulaoshi.com/201602/19/2fde7a68b69f2148e3363b9441e99e89_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1598490.html" target="_blank">鼠标放上去则向上向下滚动的代码</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> xx xx xx xx xx xx xx xx xx xx xx xx xx xx xx xx xx xx 脚本之家站长修改<a href="https://www.tulaoshi.com/n/20160219/1598490.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/qq75633647/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/1.jpg" /><span>qq75633647</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">89</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1484666" target="_blank"><img src="https://img.tulaoshi.com/201601/29/9a83ab855e15b6f5c881baf65a1fe88e_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160129/1484666.html" target="_blank">一个优秀的超链接鼠标悬停提示CSS＋js</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/html/" target="_blank">Html</a> <a href="https://www.tulaoshi.com/cssbuju/" target="_blank">CSS布局</a> <a href="https://www.tulaoshi.com/divcss/" target="_blank">Div+CSS</a> <a href="https://www.tulaoshi.com/xhtml/" target="_blank">XHTML</a></div> <div class="span_em_123"> 超链接，一般的做法是给一个title属性，这样用户的鼠标悬停在超链接上的时候，它会显示title的内容。但是，你是否厌倦了千篇一律的鼠标悬停效果呢？ 当然，也有这方面很炫的代码，但是才跨浏览器方面功夫还是不够，呵呵。我遇到一个不错的css，在IE和Firefox下浏览一样的效果。 &nbs...<a href="https://www.tulaoshi.com/n/20160129/1484666.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/zy85077515/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/26.jpg" /><span>zy85077515</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">146</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1631763" target="_blank"><img src="https://img.tulaoshi.com/201602/20/9105d8175f93c6ef07d6c681b482fe22_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160220/1631763.html" target="_blank">CSS圆角框进行JS封装</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 文章导航： 第一章： 基本的圆角框 第二章：透明圆角化背景图片 第三章：圆角化图片 第四章：CSS圆角框组件 V1.0 前序： 本来前三篇文章已经将CSS圆角框讲解完毕，但从网友反馈中，都说到不好使用，因此有了这篇文章，本文主要是将前面的结果总结修订后进行JS封装，方便调用。 在本次封装中， 增加了对真正 img 标签引用的图片实现圆角化 ，之前的圆角图片大多是基于背景图片的，因为纯css...<a href="https://www.tulaoshi.com/n/20160220/1631763.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/zhuofengduan/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/3.jpg" /><span>zhuofengduan</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">1</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1602357" target="_blank"><img src="https://img.tulaoshi.com/201602/19/dae21943eddf80efa9985ca526a39b44_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1602357.html" target="_blank">js滚动效果</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 12345678910111213141516171819202122232425262728 <a href="https://www.tulaoshi.com/n/20160219/1602357.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/幸福搬搬搬/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/27.jpg" /><span>幸福搬搬搬</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">2</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1621862" target="_blank"><img src="https://img.tulaoshi.com/201602/19/6d477497932c3e39146dac418692eaf8_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1621862.html" target="_blank">关于注入(css/c.js)</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 这几天朋友的网站天天被搞破坏的人恶意注入，也许是程序没写好的原因，数据库每个字段加了一段script（Script Src=http://%63%2Enuclear3.com/css/c.js/Script，而这个script地址时不时的有变化）。用一些搜索引擎搜索下：/css/c.js/Script，发现好多网站居然都有这个问题。通过iis日志捕捉到注入的原型是以下形式： ;DeCLaRE @S NvArCHaR(4000);SeT @S=CaSt (0x4400650063006C0061007200650020004...<a href="https://www.tulaoshi.com/n/20160219/1621862.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/不怨之心农场/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/2.jpg" /><span>不怨之心农场</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">29</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1623438" target="_blank"><img src="https://img.tulaoshi.com/201602/19/6adbbe5d65570bcf875cfe5d8c753565_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1623438.html" target="_blank">CSS+js放大镜</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123">head titleCSS Fisheye/title style type="text/css" span {font-size: x-small} /style script language="JavaScript" type="text/javascript" !-- function convertPreBlocks() {} var regular = "x-small"; function bigger(thing){ &nb...<a href="https://www.tulaoshi.com/n/20160219/1623438.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/以泪融妆/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/18.jpg" /><span>以泪融妆</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">24</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1589855" target="_blank"><img src="https://img.tulaoshi.com/201602/19/a8de2be7a7c969654f355af48487bbf4_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1589855.html" target="_blank">JS控制CSS样式的方法</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123">群里的兄弟问的效果 无标题文档 p.p1{ background-color:#FF0000;font-size:22px;_ font-family:"方正舒体"; font-weight:100; } hello,this is a example of stylesheets hello,this is a example of stylesheets [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 网上搜到的不错的控制css JS控制样式 /*这个不要去啊。。*/ * { font-size:12px; } 我是字 控...<a href="https://www.tulaoshi.com/n/20160219/1589855.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/tebie0551/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/5.jpg" /><span>tebie0551</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">2</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> </ul> <div id="pages" class="clearfix"> <a href="/reader/21270.html">上一页</a><a href="/reader/21267.html">21267</a><a href="/reader/21268.html">21268</a><a href="/reader/21269.html">21269</a><a href="/reader/21270.html">21270</a><a href="/reader/21271.html" class="cur">21271</a><a href="/reader/21272.html">21272</a><a href="/reader/21273.html">21273</a><a href="/reader/21274.html">21274</a><a href="/reader/21275.html">21275</a><a href="/reader/21272.html">下一页</a> </div> </div> </div> <!--footer底部--> <script type="text/javascript">tls.output.show_foot();</script> <div class="float_bottom" id="fixbottom" style="bottom:30px;"> <a href="https://m.tulaoshi.com//" class="icon_hu3">手机页面</a> <div class="float_bot_2"> <a href="javascript:;"id="show_search_input"> <input type="submit" class="input_sub" id="fixbottom_search_btn"> <input type="text" class="text_a_input" placeholder="输入你想搜索的关键词" style="display:none;" id="fixbottom_search_input"> </a> </div> <a href="javascript:;" class="icon_hu2" id="fav_site_btn" data-url="https://www.tulaoshi.com//">收藏网站</a> <a href="javascript:;" class="icon_hu" id="totop">回到头部</a> </div> <!--tag PC分类 标签--> <script type="text/javascript" src="https://static.tulaoshi.com/js/zt.js"></script> </body> </html>
