1、1首先準(zhǔn)備一個(gè)HTML文檔，文檔中準(zhǔn)備好兩個(gè)圖片，接下來(lái)會(huì)對(duì)這兩個(gè)圖片進(jìn)行旋轉(zhuǎn)2然后對(duì)HTML中的內(nèi)容定義一些樣式，如下圖所示，主要是標(biāo)題以及ul的樣式3接下來(lái)就給圖片所在的li定義寬高，如下圖所示4然后給；如下格式不能滑動(dòng) 這個(gè)區(qū)域可以滑動(dòng) 這個(gè)區(qū)域不可以滑動(dòng)了 只有wrapper的第一個(gè)子元素才能實(shí)現(xiàn)滑動(dòng)效果4編寫(xiě)js調(diào)用代碼 var Scroll = new iScroll#39wrapper#39，hScrollbarfalse， vScrollbarfalse第一參數(shù)必；使用jquery吧，很容易解決注意要包含jqueryjs，網(wǎng)上下載吧，很多的具體實(shí)現(xiàn)如下 function AutoScrollobj objfindquotulfirstquotanimate marginTopquot25pxquot，500，function thiscssmarginTopquot0；你可以學(xué)學(xué)marquee語(yǔ)句，適應(yīng)文字和圖片，設(shè)置滾動(dòng)方式滾動(dòng)時(shí)間和滾動(dòng)次數(shù)等等，以下為詳細(xì)教程，都是圍繞marquee語(yǔ)句進(jìn)行的 html中Marquee屬性詳解 用于文字，圖片等等Marquee標(biāo)記用于在可用瀏覽區(qū)域中滾動(dòng)文本格式lt。

2、div有斜角的話(huà)，建議使用css3的新特性，比js的要方便省力，將要旋轉(zhuǎn)的div增加如下屬性transformrotate7deg7deg指的是旋轉(zhuǎn)角度，前邊數(shù)字取值范圍為0360度，按需求使用即可；top 100px left 100px *四邊* box t， box b， box l， box r position absolute zindex 1 background#666 box l， box r；自動(dòng)滾動(dòng)，主要思路是用js自帶的setInterval方法定義和用法 setInterval 方法可按照指定的周期以毫秒計(jì)來(lái)調(diào)用函數(shù)或計(jì)算表達(dá)式setInterval 方法會(huì)不停地調(diào)用函數(shù)，直到 clearInterval 被調(diào)用或窗口被關(guān)閉由 se；slideDown可改變?cè)馗叨?，呈現(xiàn)一個(gè)滑動(dòng)效果，由上往下滑動(dòng)，直到顯示最終的當(dāng)前元素，slideUp相反，由下往上滑動(dòng)，直到隱藏最終的當(dāng)前元素 6slideToggleslideToggle方法跟slideDown 與 slideUp 兩個(gè)方法。

3、滑動(dòng)門(mén)的種類(lèi)有很多很多，從簡(jiǎn)單的幾行JS代碼生成的滑動(dòng)門(mén)復(fù)雜至使用jQuery效果庫(kù)實(shí)現(xiàn)各種各樣的切換效果的都有網(wǎng)頁(yè)制作中，很多時(shí)候需要充分利用空間這時(shí)候需要使用滑動(dòng)門(mén)這種簡(jiǎn)單而實(shí)用的技術(shù)；這個(gè)箭頭就是CSS3做的，需要現(xiàn)代瀏覽器支持鼠標(biāo)移動(dòng)上去就是hover 偽類(lèi)樣式控制的左右滑動(dòng)需要JS支持demo547811e4973600163e001348；新建一個(gè)JS文件，并將該文件另存為“MoveEffectjsquot在”MoveEffectjs“文件中輸入如下所示代碼 var id = functionel return documentgetElementByIdel ， c = id#39photolist#39 if；documentgetElementById#39bimg#39innerHTML=#39#39在id為bimg的div中顯示圖片 lt！最新圖文代碼結(jié)束 參考資料；JS代碼 lt！lt！CDATAlt！ var Speed = 10 速度毫秒var Space = 10 每次移動(dòng)pxvar PageWidth = 160 翻頁(yè)寬度 var fill = 0 整體移位 v；Code如下圖片放在同一目錄下你懂得lt！DOCTYPE HTML jQuery v144 API 中文版 jQuery v144 API 中文版正在努力加載中，請(qǐng)耐心等待 var $=functionid return documentgetElementByIdid。

4、按鈕控制圖片360度翻轉(zhuǎn)效果的JS代碼，芯晴網(wǎng)頁(yè)特效，CsrCodeCn var isIE = documentuniqueID？10var i=1function rotateimage var object = imageparentNodeifisIE =quotprogiddX；var delta=015 var collectionfunction floaters thisitems = thisaddItem = functionid，x，y，content documentwrite#39ltDIV id=#39+id+#39 style=quotZINDEX 10 POSITION absolute width80px。