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

2、div有斜角的話，建議使用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；自動滾動，主要思路是用js自帶的setInterval方法定義和用法 setInterval 方法可按照指定的周期以毫秒計來調(diào)用函數(shù)或計算表達式setInterval 方法會不停地調(diào)用函數(shù)，直到 clearInterval 被調(diào)用或窗口被關(guān)閉由 se；slideDown可改變元素高度，呈現(xiàn)一個滑動效果，由上往下滑動，直到顯示最終的當(dāng)前元素，slideUp相反，由下往上滑動，直到隱藏最終的當(dāng)前元素 6slideToggleslideToggle方法跟slideDown 與 slideUp 兩個方法。

3、滑動門的種類有很多很多，從簡單的幾行JS代碼生成的滑動門復(fù)雜至使用jQuery效果庫實現(xiàn)各種各樣的切換效果的都有網(wǎng)頁制作中，很多時候需要充分利用空間這時候需要使用滑動門這種簡單而實用的技術(shù)；這個箭頭就是CSS3做的，需要現(xiàn)代瀏覽器支持鼠標(biāo)移動上去就是hover 偽類樣式控制的左右滑動需要JS支持demo547811e4973600163e001348；新建一個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 每次移動pxvar PageWidth = 160 翻頁寬度 var fill = 0 整體移位 v；Code如下圖片放在同一目錄下你懂得lt！DOCTYPE HTML jQuery v144 API 中文版 jQuery v144 API 中文版正在努力加載中，請耐心等待 var $=functionid return documentgetElementByIdid。

4、按鈕控制圖片360度翻轉(zhuǎn)效果的JS代碼，芯晴網(wǎng)頁特效，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。