您的位置: 首页 > IT文章 > javascript技巧 > 图片连续不间断滚动像册 图片连续不间断滚动像册 分类: IT文章 • 2022-05-13 15:08:32 <!--Quirks Mode--><meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Fifty Studio│图片连续不间断滚动像册</title> <link rel="stylesheet" type="text/css" href="/tutorials/demo/css/main.css"> <!--[if IE]><style> @import url("/tutorials/demo/css/ie.css"); </style><![endif]--><style type="text/css"> <!-- /*--CSS Code by Forestgan http://www.forest53.com--*/ a{background:#EEE; color:#333;} a:hover{background:#EEE;color: #666;} #demo ul{list-style:none;} #FGWrapper{width: 640px; margin:2em auto; background:#EEE;} #FGLeft{float: left;padding: 10px;} #FGThumb{float: right;padding: 10px 10px 10px 0;background:#EEE;} #demo{overflow:hidden; width: 130px;height: 360px; background:#eee;} #demo img {border: 0;margin-bottom: 10px;vertical-align: middle;} #FGFooter{ font-size: 1em; padding:0 10px 10px; clear:both;text-align:right;} span#FGdesc2{float: left;} --> </style> <noscript> <style type="text/css"> #demo{overflow:auto; } } </style> </noscript> <div id="ForestganWrap"> <div id="forestganHeader"> <a><img onerror="this.src='/statics/wangyeyixia/images/image_error.jpg'"src="/default/index/img?u=L2ltZy9sb2dvLmdpZg==" alt="图片连续不间断滚动像册" class="logo" title="图片连续不间断滚动像册"></a> <h1>CSS 布局演示 CSS Layout by Forestgan</h1> <h2 id="demo_date">2006-10-30 发表</h2> </div> <div id="forestganMiddle"> <div id="FGWrapper"> <div id="FGLeft"><img onerror="this.src='/statics/wangyeyixia/images/image_error.jpg'"src="/default/index/img?u=L3VwbG9hZC9iaWdpbWcvaG9saWRheTEwMjgwMS5qcGc=" alt="图片连续不间断滚动像册" id="FGplaceholder" title="图片连续不间断滚动像册"></div> <div id="FGThumb"> <div id="demo"> <div id="demo1"> <ul> <li> <a onclick="return showPic(this);" title="My Photo 1"><img onerror="this.src='/statics/wangyeyixia/images/image_error.jpg'"src="/default/index/img?u=L3VwbG9hZC90aHVtYi9ob2xpZGF5MTAyODAxcy5qcGc=" alt="图片连续不间断滚动像册" title="图片连续不间断滚动像册"></a> </li> <li> <a onclick="return showPic(this);" title="My Photo 2"><img onerror="this.src='/statics/wangyeyixia/images/image_error.jpg'"src="/default/index/img?u=L3VwbG9hZC90aHVtYi9ob2xpZGF5MTAyODAycy5qcGc=" alt="图片连续不间断滚动像册" title="图片连续不间断滚动像册"></a> </li> <li> <a onclick="return showPic(this);" title="My Photo 3"><img onerror="this.src='/statics/wangyeyixia/images/image_error.jpg'"src="/default/index/img?u=L3VwbG9hZC90aHVtYi9ob2xpZGF5MTAyODA2cy5qcGc=" alt="图片连续不间断滚动像册" title="图片连续不间断滚动像册"></a> </li> <li> <a onclick="return showPic(this);" title="My Photo 4"><img onerror="this.src='/statics/wangyeyixia/images/image_error.jpg'"src="/default/index/img?u=L3VwbG9hZC90aHVtYi9ob2xpZGF5MTAyODA5cy5qcGc=" alt="图片连续不间断滚动像册" title="图片连续不间断滚动像册"></a> </li> <li> <a onclick="return showPic(this);" title="My Photo 5"><img onerror="this.src='/statics/wangyeyixia/images/image_error.jpg'"src="/default/index/img?u=L3VwbG9hZC90aHVtYi9ob2xpZGF5MTAyODEwcy5qcGc=" alt="图片连续不间断滚动像册" title="图片连续不间断滚动像册"></a> </li> </ul> </div> <div id="demo2"> </div> </div> </div> <div id="FGFooter"> <span id="FGdesc2">My Photo 1</span><a>Design by Forestgan</a> </div> </div> </div> </div> <div id="forestganFooter"> <address> 演示页面设计制作： <a>Forestgan</a> 采用<a>创作共用授权</a>--署名和非商业用途<a>返回前一页</a> </address> </div> <noscript> <p>google-analytics</p> </noscript> <noscript><p>my stat</p></noscript> [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
