模板無憂
網頁特效
每日更新
|
TOP排行榜
|
Tag標簽
|
充值
無憂首頁
網頁模板
程序模板
建站教程
視頻教程
網頁特效
圖標素材
字體下載
站長工具
站長問答
網頁特效
菜單導航
圖片特效
文本鏈接
層和布局
頁面背景
表單按鈕
日期時間
計算轉換
鍵盤鼠標
瀏覽器
游戲娛樂
綜合其它
常用代碼
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在線編輯器
Mootools
HTML
JS廣告代碼合集
站長工具
站長常用軟件
網站綜合查詢
Alexa排名查詢
Google PR查詢
域名Whois查詢
網站收錄查詢
友情鏈接查詢
CSS2中文手冊
CSS精簡優化工具
網頁特效代碼
模板無憂
>
網頁特效
>
圖片特效特效代碼
>
收藏
分享
查看評論
圖片特效
演示
間隔時間自由滾動特技_圖片特效特效
查看演示效果
特效Tag：
圖片滾動
添加
間隔時間自由滾動特技
<!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" mrc="text/html; charset=utf-8" /> <title>間隔時間自由滾動特技</title> <base href="http://www.wf0088.com/"/> <style> *{margin:0;padding:0;border:0;list-style:none;} body{font:12px Verdana, Geneva, sans-serif;line-height:18px;color:#333;} a{text-decoration:none;color:#004285;font-size:14px;font-weight:bold;} a:hover{text-decoration:underline;color:#C33;} .rig{border:1px solid #dedede;width:282px;margin-bottom:5px;} #qy a{font-size:12px;} h5 span a{font-size:12px;font-weight:normal;color:#333;} h5{padding:0 10px;font-size:14px;height:30px;line-height:30px;<!--<img src=http://p1.mb5u.com/texiao/1/20110225160544558.jpg>-->background:url(http://p1.mb5u.com/texiao/1/20110225160544558.jpg) left center repeat-x;border-bottom:1px solid #dedede;} span{float:right;} </style> </head> <body> <div id="x7vrjvb" class="rig"> <h5><span><a href="#">更多>></a></span>精彩企業專題</h5> <div class="vhdztjj" id="qy" style="width:256px;margin:7px 10px 5px;height:94px;overflow:hidden" onMouseOver="qiScrollAmount=0" onmouseout="qiScrollAmount=2"> <ul> <li id="tab1"> <table border='0' cellspacing='0' cellpadding='0' width='256px'> <tr> <td height='70'><a href="#"><img src="http://p1.mb5u.com/texiao/1/20110225160544559.jpg" /></a></td> </tr> <tr> <td height='24'><span><a href="#">進入專題</a></span> <p><a href="#">徐工集團專題</a></p></td> </tr> <!--一行--> <tr> <td height='70'><a href="#"><img src="http://p1.mb5u.com/texiao/1/20110225160544559.jpg" /></a></td> </tr> <tr> <td height='24'><span><a href="#">進入專題</a></span> <p><a href="#">三一重工專題</a></p></td> </tr> </table> </li> <li id="tab2"></li> </ul> </div> <script> var qoMarquee = document.getElementById("qy"); //滾動對象 var tab1 = document.getElementById("tab1"); var tab2 = document.getElementById("tab2"); var qiLineHeight = 94;//單行高度，像素IE var qiLineCount = 0; //實際行數 var qiScrollAmount = 2; //每次滾動高度，像素（速度） var speed1=2000;//每次停留時間 var speed2=1;//滾動速度 tab2.innerHTML=tab1.innerHTML; function trun() { if(qoMarquee.scrollTop==2*qiLineHeight){qoMarquee.scrollTop=0;window.setTimeout( "trun()", speed2 );} else{ qoMarquee.scrollTop +=qiScrollAmount; if ( qoMarquee.scrollTop % qiLineHeight == 0 ) {window.setTimeout( "trun()", speed1 );} else {window.setTimeout( "trun()", speed2 );} } } window.setTimeout( "trun()", speed1 ); </script> </div> </body> </html>
所屬頻道：
圖片特效特效
/
更新時間：2012-11-19
[收藏]
[報錯]
[返回列表]
相關
圖片特效特效
：
圖片自動縮放
圖像過來
禁止對圖片用右鍵(僅支持IE)
圖片的漸顯播放效果的代碼
對聯式的圖片廣告代碼
頁面的左右下腳始終固定不動的圖片廣告代碼
圖片漸漸出現腳本
圖象淡入淡出 Script
經典相冊效果
左右移動的圖片
圖像映射
圖形循環漸顯腳本
圖片特效特效Rss訂閱
特效代碼搜索
圖片特效特效推薦
沒有使用Marguee表格里的橫向圖片滾動
nVida 網站圖片滑動切換代碼
點小圖彈出放大圖片的JavaScript效果
禮花背景：深隧的天空不斷爆出多彩的禮花
CSS放大圖片(放大鏡)
JS圖片漸現漸隱效果
4張圖片滾動切換效果
CSS+JS滑動門式的圖片輪番切換
JavaScript簡易圖片分割
JavaScript控制圖片放大縮小
猜你也喜歡看這些
JavaScript文字遮罩效果
字可以變大也可以變小
單選按鈕鏈接
CSS給鏈接加上雙下劃線的方法
鏈接確認警告
系統顏色與字體
一款JS文字幻燈切換特效
控制DOM節點實現單行新聞滾動
文本框結合Js實現文字爬樓滾動效果
文字連續滾動
相關鏈接：
復制本頁鏈接
|
搜索間隔時間自由滾動特技
特效說明：
圖片特效模板
-
間隔時間自由滾動特技
。
。。