模板無憂
網(wǎng)頁特效
每日更新
|
TOP排行榜
|
Tag標(biāo)簽
|
充值
無憂首頁
網(wǎng)頁模板
程序模板
建站教程
視頻教程
網(wǎng)頁特效
圖標(biāo)素材
字體下載
站長工具
站長問答
網(wǎng)頁特效
菜單導(dǎo)航
圖片特效
文本鏈接
層和布局
頁面背景
表單按鈕
日期時(shí)間
計(jì)算轉(zhuǎn)換
鍵盤鼠標(biāo)
瀏覽器
游戲娛樂
綜合其它
常用代碼
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在線編輯器
Mootools
HTML
JS廣告代碼合集
站長工具
站長常用軟件
網(wǎng)站綜合查詢
Alexa排名查詢
Google PR查詢
域名Whois查詢
網(wǎng)站收錄查詢
友情鏈接查詢
CSS2中文手冊(cè)
CSS精簡優(yōu)化工具
網(wǎng)頁特效代碼
模板無憂
>
網(wǎng)頁特效
>
圖片特效特效代碼
>
收藏
分享
查看評(píng)論
圖片特效
演示
左右移動(dòng)的圖片_圖片特效特效
查看演示效果
特效Tag：
暫無Tag,歡迎
添加
,賺取U幣!
左右移動(dòng)的圖片,您可以先修改部分代碼再運(yùn)行.
<!--把如下代碼加入<body>區(qū)域中--> <script LANGUAGE="JavaScript"><!-- step = 0; obj = new Image(); function anim(xp,xk,smer) //smer = direction { obj.style.left = x; x += step*smer; if (x>=(xk+xp)/2) { if (smer == 1) step--; else step++; } else { if (smer == 1) step++; else step--; } if (x >= xk) { x = xk; smer = -1; } if (x <= xp) { x = xp; smer = 1; } // if (smer > 2) smer = 3; setTimeout('anim('+xp+','+xk+','+smer+')', 50); } function moveLR(objID,movingarea_width,c) { if (navigator.appName=="Netscape") window_width = window.innerWidth; else window_width = document.body.offsetWidth; obj = document.images[objID]; image_width = obj.width; x1 = obj.style.left; x = Number(x1.substring(0,x1.length-2)); // 30px -> 30 if (c == 0) { if (movingarea_width == 0) { right_margin = window_width - image_width; anim(x,right_margin,1); } else { right_margin = x + movingarea_width - image_width; if (movingarea_width < x + image_width) window.alert("No space for moving!"); else anim(x,right_margin,1); } } else { if (movingarea_width == 0) right_margin = window_width - image_width; else { x = Math.round((window_width-movingarea_width)/2); right_margin = Math.round((window_width+movingarea_width)/2)-image_width; } anim(x,right_margin,1); } } //--></script> <!--把如下代碼加入<body>區(qū)域中--> <img src="http://p1.mb5u.com/texiao/1/2011022516042950.gif" name="picture" style="position: absolute; top: 70px; left: 30px;" BORDER="0" WIDTH="80" HEIGHT="31"> <script LANGUAGE="JavaScript"><!-- setTimeout("moveLR('picture',300,1)",10); //--></script>
所屬頻道：
圖片特效特效
/
更新時(shí)間：2012-09-17
[收藏]
[報(bào)錯(cuò)]
[返回列表]
相關(guān)
圖片特效特效
：
圖片自動(dòng)縮放
圖像過來
禁止對(duì)圖片用右鍵(僅支持IE)
圖片的漸顯播放效果的代碼
對(duì)聯(lián)式的圖片廣告代碼
頁面的左右下腳始終固定不動(dòng)的圖片廣告代碼
圖片漸漸出現(xiàn)腳本
圖象淡入淡出 Script
經(jīng)典相冊(cè)效果
圖像映射
圖形循環(huán)漸顯腳本
全頁漂浮的圖片的廣告代碼
圖片特效特效Rss訂閱
特效代碼搜索
圖片特效特效推薦
CSS 圖片放大查看特效
按比例縮放圖片，JavaScript代碼
鼠標(biāo)放上圖片錯(cuò)位效果
向上無縫滾動(dòng)的圖片效果
在同一頁面拖動(dòng)多個(gè)圖片
仿265網(wǎng)站LOGO，會(huì)盯著你看的眼睛
JS圖片左右切換效果代碼
規(guī)定區(qū)域的JS拖動(dòng)展示效果
可以點(diǎn)擊控制的手機(jī)圖片滾動(dòng)切換
點(diǎn)擊圖片后圖片自動(dòng)切換為另一張
猜你也喜歡看這些
鼠標(biāo)onmouse鏈接時(shí)復(fù)選框的狀態(tài)變?yōu)閏hecked
文字成批滾動(dòng)在指定區(qū)域內(nèi)
Css 漸變文字效果
JavaScript點(diǎn)擊鏈接滑出下拉列表
純CSS鏈接懸停提示
響應(yīng)鼠標(biāo)變化的立體陰影文字
JavaScript點(diǎn)擊插入文字
交替變換文本顏色的JavaScript
一次打開多個(gè)鏈接，并跳出小窗口說明
多條文字的播放特效
相關(guān)鏈接：
復(fù)制本頁鏈接
|
搜索左右移動(dòng)的圖片
特效說明：
圖片特效模板
-
左右移動(dòng)的圖片
。
。。