一个特帅的展示图片的js+css

<p><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML lang=it dir=ltr xml:lang="it" xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>CSS+JS控制图片展示</TITLE><STYLE>BODY { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 70% </p><p>Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: #000; PADDING-TOP: 0px; TEXT-</p><p>ALIGN: center}#outer { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(/images/bg-outer.gif) </p><p>repeat-y center top; PADDI...<a href="http://www.tulaoshi.com/n/20160219/1601301.html" target="_blank">[ 查看全文 ]</a></p> <div class="img_yyy_2"> <span>2016-02-19</span> <i>标签:</i> <div class="yyy_2_a"><a href="http://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="http://www.tulaoshi.com/n/20160219/1601301.html" target="_blank">一个特帅的展示图片的js+css</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/1599427" target="_blank"><img src="http://img.tulaoshi.com/201602/19/802a5801f5e0e7c1fac2a1c057cfcfe7_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1599427.html" target="_blank">JS+CSS模拟IP输入框</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 测试 <a href="http://www.tulaoshi.com/n/20160219/1599427.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/习惯有伱哋一切/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/7.jpg" /><span>习惯有伱哋一切</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">61</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1598418" target="_blank"><img src="http://img.tulaoshi.com/201602/19/115fbde21162192d47d9bbea46266d74_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1598418.html" target="_blank">发一个分页的js</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 无标题文档支付宝与六大代理签订协议刷卡积分可网上购物支付宝为网店保驾护航支付宝红包送来红地毯紧急天气预报"红色风暴"空降支付宝小红包背后大名堂Q88.net全面无缝接合支付宝电子支付规范走出第一步使用专业版受鼓励从支付宝看电子商务的发展谁能与支付宝PK？国内第一家引入支付宝的网络图库正式开通新浪网：中关村在线加入支付宝联盟千家网店加入支付宝联盟我与支付宝的分分秒秒支...<a href="http://www.tulaoshi.com/n/20160219/1598418.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/小老六求捅/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/18.jpg" /><span>小老六求捅</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/1590264" target="_blank"><img src="http://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="http://www.tulaoshi.com/n/20160219/1590264.html" target="_blank">一个JS翻页效果</A></div> <div class="xiang_righ_lable">标签：<a href="http://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="http://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="http://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/1590476" target="_blank"><img src="http://img.tulaoshi.com/201602/19/300a93c7c966b23a651dff268028f1cd_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1590476.html" target="_blank">推荐一个小巧的JS日历</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123">脚本的核心就是DateAdd函数，点击下面的演示看看效果：查看演示调用方法很简单，第一步：在页面顶部包含calenderJS.js文件： script src="path/to/calenderJS.js"/script 点击下载这个js文件第二步：给你的输入框增加onfocus事件属性： input type="text" onfocus="HS_setDate(this)" HS_setDate(this) 是初始化的函数此日历已经应用到本blog的侧边栏，并加入ajax...<a href="http://www.tulaoshi.com/n/20160219/1590476.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/笑俯三皇五帝/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/26.jpg" /><span>笑俯三皇五帝</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">6</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1595095" target="_blank"><img src="http://img.tulaoshi.com/201602/19/920d59b04cb8c5216ce7d8595c52b78a_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1595095.html" target="_blank">js+css实现的仿office2003界面</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 效果图 screen.width-461) window.open('http://bbs.javascript.com.cn/attachment/Mon_0608/10_9458_40785726bd46566.jpg');" src="http://bbs.javascript.com.cn/attachment/Mon_0608/10_9458_40785726bd46566.jpg" border=0> 仿Office2003的工具条 .lostfocus { border: 1px #ffffff solid; background-color: #ffffff; font-size: 12px; font-family: Arial; } .getfocus { border...<a href="http://www.tulaoshi.com/n/20160219/1595095.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/earth王瑞玲/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/25.jpg" /><span>earth王瑞玲</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/1484666" target="_blank"><img src="http://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="http://www.tulaoshi.com/n/20160129/1484666.html" target="_blank">一个优秀的超链接鼠标悬停提示CSS＋js</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/html/" target="_blank">Html</a> <a href="http://www.tulaoshi.com/cssbuju/" target="_blank">CSS布局</a> <a href="http://www.tulaoshi.com/divcss/" target="_blank">Div+CSS</a> <a href="http://www.tulaoshi.com/xhtml/" target="_blank">XHTML</a></div> <div class="span_em_123"> 超链接，一般的做法是给一个title属性，这样用户的鼠标悬停在超链接上的时候，它会显示title的内容。但是，你是否厌倦了千篇一律的鼠标悬停效果呢？当然，也有这方面很炫的代码，但是才跨浏览器方面功夫还是不够，呵呵。我遇到一个不错的css，在IE和Firefox下浏览一样的效果。 &nbs...<a href="http://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="http://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/1578523" target="_blank"><img src="http://img.tulaoshi.com/201602/17/5630a978d27cf75db4f7c6e52e3c464f_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160217/1578523.html" target="_blank">使用CSS3来定位一个倾斜的图片</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/pmsj/" target="_blank">平面设计</a> <a href="http://www.tulaoshi.com/hbsj/" target="_blank">海报设计</a> <a href="http://www.tulaoshi.com/ggsj/" target="_blank">广告设计</a> <a href="http://www.tulaoshi.com/huabaosheji/" target="_blank">画报设计</a> <a href="http://www.tulaoshi.com/qmsj/" target="_blank">签名设计</a> <a href="http://www.tulaoshi.com/fzsj/" target="_blank">服装设计</a> <a href="http://www.tulaoshi.com/mpsj/" target="_blank">名片设计</a> <a href="http://www.tulaoshi.com/huacesheji/" target="_blank">画册设计</a> <a href="http://www.tulaoshi.com/banshisheji/" target="_blank">版式设计</a> <a href="http://www.tulaoshi.com/shangbiaosheji/" target="_blank">商标设计</a></div> <div class="span_em_123"> 利用纯CSS可以做出千变万化的效果,特别是CSS3的引入更让更多的效果可以做出来.现在就让我们动手做出一个关于凉爽为题的图片库. 先看看效果：点击查看我们要做的效果.请记住这个事例对于IE来说支持的不好,但firefox;safari浏览器升级到最高版本是可以看出效果的. 我们先用CSS的基本样式来构建图片.然后再加入一些阴影和翻转的属性,最近使用z-index属性来改变图片的叠加顺序. 在开始之前先下载这些清爽...<a href="http://www.tulaoshi.com/n/20160217/1578523.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/olangelol/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/13.jpg" /><span>olangelol</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">35</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1595365" target="_blank"><img src="http://img.tulaoshi.com/201602/19/fa31a944314e51884f89af23763fe509_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1595365.html" target="_blank">一个可以显示阴历的JS代码</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123">代码如下： script language="JavaScript" !-- var bsYear; var bsDate; var bsWeek; var arrLen=8; //数组长度 var sValue=0; //当年的秒数 var dayiy=0; //当年第几天 var miy=0; //月份的下标 var iyear=0;&nb...<a href="http://www.tulaoshi.com/n/20160219/1595365.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/达那蛋sunny/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/25.jpg" /><span>达那蛋sunny</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">21</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1590278" target="_blank"><img src="http://img.tulaoshi.com/201602/19/a8775b5fddf4f6e023123f68259125b4_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1590278.html" target="_blank">用JS实现的一个include函数</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123">很多语言都有类似php中的include和require功能的函数，而唯独javascript没有。很早就想在js中实现类似的功能，尝试了很多次都没有成功，那天在google上搜索一些关于动态加载css文件的关键词时，发现一个blog（地址找不到了）上的一个为网页的head标签增加link元素的函数，于是就改了一下，写了这个函数。用法： include_js(src,[reload]); src: js文件的路径名 re...<a href="http://www.tulaoshi.com/n/20160219/1590278.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/wokao2008wh/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/8.jpg" /><span>wokao2008wh</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">35</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1590387" target="_blank"><img src="http://img.tulaoshi.com/201602/19/57941f69a353cc53f673f8f4dd891bfe_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1590387.html" target="_blank">分享别人写的一个小型js框架</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123">主要是集成了常用的扩展，包括Dom与String、Array、StringBuffer、NameSpace等，当然还少不了Ajax。体积约8k。因为严格控制体积，所以功能有限。如果只要Ajax部分，就1k而已。这个小框架已经应用到公司的项目，并开始逐步在前端展示页面上接替prototype.js。以后将围绕这个框架做一些应用。代码如下： /* * My JavaScript Framework * Vers...<a href="http://www.tulaoshi.com/n/20160219/1590387.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/放心呿飛/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/27.jpg" /><span>放心呿飛</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">33</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1592756" target="_blank"><img src="http://img.tulaoshi.com/201602/19/d1072b8b20e1f10db4ef8af9d5082373_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1592756.html" target="_blank">改版了网上的一个js操作userdata</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 代码如下： input type=text id=abutton onclick="Session.save('a',a.value);"button onclick="alert(Session.load('a'))" body SCRIPT LANGUAGE="JavaScript" !-- var Session={ isinit:false, init:function(){ SessionObj = document.createElement('input'); SessionObj.type = "hidden"; SessionObj.id = "Sessionid...<a href="http://www.tulaoshi.com/n/20160219/1592756.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/想当爹的孩子/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/26.jpg" /><span>想当爹的孩子</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">6</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1595471" target="_blank"><img src="http://img.tulaoshi.com/201602/19/99fcee5092a49f1818be2c14c7068635_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1595471.html" target="_blank">[js+css]点击隐藏层,点击另外层不能隐藏原层</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123">使用一个全局变量保存上一次打开的对象学院信息先进性教育招生信息最新讲座学校活动 1货币转换，下图显示了这个程序子只进行简单的把元素放在下面的目录下，在创币转换应用程序这个例所需的界面，包括一些UI组件实例（Button, ComboB 货币转换，下图显示了这个程序组件实例（Button, ComboB 货币转换，下图显示了这个程序子只进行简单的把元素放在下面的目录下，在创币转换应用程序这个例所...<a href="http://www.tulaoshi.com/n/20160219/1595471.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/若辰无枫/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/11.jpg" /><span>若辰无枫</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">13</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/246105" target="_blank"><img src="http://img.tulaoshi.com/201509/22/f8440d49e5c847fb569d2d9539903542_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20150922/246105.html" target="_blank">嫁个帅哥可以生一个帅宝贝吗</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/huaiyun/" target="_blank">怀孕</a></div> <div class="span_em_123">都说女孩像父亲，男孩像母亲，这是真的吗?根据发现周围的大多数都是这个规则，那么这是为什么呢? 相貌好不好，不要轻易怪父母。据英国《每日电讯报》近日报道，科学家发现，对于男孩来说，他只能从父亲身上得到“男人味”的遗传，至于自己(图老师整理)长得好不好看，则不取决于父母容貌。不过，女儿却能够继承父母双方的美貌。苏格兰圣安德鲁斯大学的戴维.佩雷特和伊丽莎白.康韦尔领导了这一研究。...<a href="http://www.tulaoshi.com/n/20150922/246105.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/明清双鱼/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/15.jpg" /><span>明清双鱼</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">55</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1588862" target="_blank"><img src="http://img.tulaoshi.com/201602/19/d1ca4bc973f52c55f46e911e48088251_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1588862.html" target="_blank">特漂亮的JS图片排列旋转效果代码</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123">了下代码,感觉用数组模拟有些僵硬,自己重新写了一个,请大家来pp! body{background:black} .point{position:absolute;height:75px;border:1px silver solid} #round{position:absolute;background:red;width:200px;height:200px;} var r=200,dv=0.01,w=100,x=400;y=100,pn=8 var pi=3.1415926575,d=pi/2; var pd=Math.asin(w/2/r);ed=pi*2/pn;smove=true function window.onload(){ var o=document.get...<a href="http://www.tulaoshi.com/n/20160219/1588862.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/草千里_/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/2.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/1589438" target="_blank"><img src="http://img.tulaoshi.com/201602/19/1ec3c943101857551bf055c1487107a2_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1589438.html" target="_blank">一个符号插入器中用到的js代码</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123">/** * @author tin555 */ function setHTML(html) { ContentEdit.value = html; eWebEditor.document.designMode="On"; eWebEditor.document.open(); eWebEditor.document.wri...<a href="http://www.tulaoshi.com/n/20160219/1589438.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/右手ye直在忙/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/8.jpg" /><span>右手ye直在忙</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">14</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1592560" target="_blank"><img src="http://img.tulaoshi.com/201602/19/a1a4f4cb33c567238533cd227fcb326b_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1592560.html" target="_blank">又一个不错的js浮动广告代码</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> [Ctrl+A 全选注:如需引入外部Js需刷新才能执行] 更多代码下载：http://www.jb51.net/jiaoben/list500_1.html <a href="http://www.tulaoshi.com/n/20160219/1592560.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/安筱成Ann/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/10.jpg" /><span>安筱成Ann</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">17</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1590418" target="_blank"><img src="http://img.tulaoshi.com/201602/19/fb0ae01ae5b7d0ef775340fee91e6058_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1590418.html" target="_blank">用js实现随机返回数组的一个元素</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123">代码如下： SCRIPT LANGUAGE="JavaScript" !-- var test = ["aa","bb","cc","dd","ee"]; document.write(test[Math.floor(Math.random()*test.length)]); setInterval("location.reload()",1000); //-- /SCRIPT 这是个奇妙的方法。适合做标题性质文字的随机轮换显示。有两种不同的方式实现：一、随机取单个，二、让整个数组随机排序注意：[ ] 符号在javascript中定义一个数组，{ } 则定义一...<a href="http://www.tulaoshi.com/n/20160219/1590418.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/老死往来/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/28.jpg" /><span>老死往来</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">32</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1596516" target="_blank"><img src="http://img.tulaoshi.com/201602/19/7e8ea89e985a2c2533e9f3b6480dae77_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1596516.html" target="_blank">另一个角度谈谈DIV CSS</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 看了cragle的《有没有必要将网站Div Css重构?》的文章，有一些想法不说不快，我也在文章的评论里提到曾经开除过两个执着使用div技术的美工，遭到一些朋友的反对，但也有一位技术总监的朋友发帖表示支持，很经典的话就是：做站是给人看的。不是给机器。符合w3c标准又怎么样?。说到web设计，我是2000年入行的，应该还是有说几句话的份，先说说被我开的两个美工吧。那是和朋友一起筹建一个新公司...<a href="http://www.tulaoshi.com/n/20160219/1596516.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/京北一漂流/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/6.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/1578513" target="_blank"><img src="http://img.tulaoshi.com/201602/17/c1b73b228dea0b4832a4d5b99764f714_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160217/1578513.html" target="_blank">CSS教程：CSS给我们带入下一个高度</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/pmsj/" target="_blank">平面设计</a> <a href="http://www.tulaoshi.com/hbsj/" target="_blank">海报设计</a> <a href="http://www.tulaoshi.com/ggsj/" target="_blank">广告设计</a> <a href="http://www.tulaoshi.com/huabaosheji/" target="_blank">画报设计</a> <a href="http://www.tulaoshi.com/qmsj/" target="_blank">签名设计</a> <a href="http://www.tulaoshi.com/fzsj/" target="_blank">服装设计</a> <a href="http://www.tulaoshi.com/mpsj/" target="_blank">名片设计</a> <a href="http://www.tulaoshi.com/huacesheji/" target="_blank">画册设计</a> <a href="http://www.tulaoshi.com/banshisheji/" target="_blank">版式设计</a> <a href="http://www.tulaoshi.com/shangbiaosheji/" target="_blank">商标设计</a></div> <div class="span_em_123"> CSS 3 不是新事物，更不是只是围绕border-radius属性实现的圆角。它正耐心的坐在那里，已经准备好了首次登场，呷着咖啡，等着浏览器来铺上红地毯。你看，浏览器需要跟上了 –谨以此文纪录ISD WEBTEAM 09年Q2力作：CSS 3.0 中文参考手册背景苏昱的《样式表中文手册》为代表的CSS2.0参考资料伴随了国内众多web设计师们走过了近10年的时光，这种影响是深远的，但随着CSS技术的不断发展，设计...<a href="http://www.tulaoshi.com/n/20160217/1578513.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/人不能太有型/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/3.jpg" /><span>人不能太有型</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">14</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1590795" target="_blank"><img src="http://img.tulaoshi.com/201602/19/6a63521222af17039914d314d7e64a18_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1590795.html" target="_blank">非常不错的一个JS分页效果代码值得研究</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123">本来想用网上找来的分页程序,不过都得做修改,感觉麻烦了,还是自己写一个好了,以后自己用的时候修改就方便了~~大家都多动手,自己写的才是最好的,日后想干什么的,做修改也是很容易的~~顺便也扩充一下自己的代码库~~ 补充一句,cpage是页面计数,应为全局变量,这样可以随处调用它,totalpage是总页数 JS静态分页程序 a:link,a:visited,a:hover,.current,#info{ border:1px solid #DDD; background:#...<a href="http://www.tulaoshi.com/n/20160219/1590795.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/色彩渔生/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/15.jpg" /><span>色彩渔生</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">47</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> </ul> <div id="pages" class="clearfix"> <a href="/reader/21904.html">上一页</a><a href="/reader/21901.html">21901</a><a href="/reader/21902.html">21902</a><a href="/reader/21903.html">21903</a><a href="/reader/21904.html">21904</a><a href="/reader/21905.html" class="cur">21905</a><a href="/reader/21906.html">21906</a><a href="/reader/21907.html">21907</a><a href="/reader/21908.html">21908</a><a href="/reader/21909.html">21909</a><a href="/reader/21906.html">下一页</a> </div> </div> </div>  <script type="text/javascript">tls.output.show_foot();</script> <div class="float_bottom" id="fixbottom" style="bottom:30px;"> <a href="http://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="http://www.tulaoshi.com//">收藏网站</a> <a href="javascript:;" class="icon_hu" id="totop">回到头部</a> </div>  <script type="text/javascript" src="http://static.tulaoshi.com/js/zt.js"></script> </body> </html>