DIV CSS 佈局教程網
設為首頁
加入收藏
首頁
HTML基礎知識
CSS入門知識
JavaScript入門知識
DIV+CSS佈局
WEB網站前端
網頁腳本
網頁SEO優化
網頁制作工具
DIV+CSS佈局教程網
>>
網頁腳本
>>
JavaScript入門知識
>>
關於JavaScript
>> 經典的間隔時間滾動新聞（圖片），可控制滾動
經典的間隔時間滾動新聞（圖片），可控制滾動
編輯：關於JavaScript
<!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" content="text/html; charset=gb2312" /> <title>經典的間隔時間滾動新聞（圖片），可控制滾動</title> <base target="_blank"> <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;position:relative;background:#fff;} #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;background:url(/upload/201005/20100530223157155.jpg?1259835263) left center repeat-x;border-bottom:1px solid #dedede;} span{float:right;} </style> <meta name="viewport" content="width=device-width, initial-scale=1.0"></head> <body> <h5>更多>>精彩企業專題</h5> <ul> <li id="tab1"> <img src="https://www.divcss.online/divcssbuju/UploadFiles_7251/201612/2016122410183571.gif" width="256" height="70" /> 進入專題 <p></p> <!--一行--> <img src="https://www.divcss.online/divcssbuju/UploadFiles_7251/201612/2016122410183550.gif" width="256" height="70"/> 站長查詢2 <p>百度2</p> <!--一行--> <img src="https://www.divcss.online/divcssbuju/UploadFiles_7251/201612/2016122410183550.gif" width="256" height="70"/> 站長查詢 <p>百度</p> </li> <li id="tab2"></li> </ul> <style> #btm{position:absolute;right:0;top:60px;width:12px;height:43px;background:url(/upload/201005/20100530223157574.gif) no-repeat;overflow:hidden;} #btm a{display:block;height:22px;} #btm a#up:hover{background:url(/upload/201005/20100530223157574.gif) -13px top no-repeat;} #btm a#dw:hover{background:url(/upload/201005/20100530223157574.gif) -26px -22px no-repeat;} </style> </body> </html>
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
上一頁:
LazyLoad 延遲加載(按需加載)
下一頁:
javascript 判斷數組是否已包含了某個元素的函數
關於JavaScript
checkbox選中與未選中判斷示例
$(document).ready(function() { var flag = $(#prot
json對象與數組以及轉換成js對象的簡單實現方法
JSON 語法規則JSON 語法是 JavaScript 對象表示法語法的子集。•數據在
js將類數組對象轉換成數組對象
在標准浏覽器中，好像只要對象存在length屬性，就能把它轉換為數組，但IE就不盡然。
相關文章
js 創建對象 經典模式全面了解
Bootstrap實現的經典柵格布局效果實例【附demo源碼】
ajax經典應用案例 (jsp)
AJAX應用演示和源碼下載站點經典匯合
Css不朽的經典—3D文字特效[圖]
css技巧:經典常用CSS使用技巧幾則
css技巧:經典CSS使用技巧幾則
CSS經典技巧20條總結
Firefox Bug: inline/inline-block的間隙
DIV+CSS入門之經典教程
JavaScript基礎知識
JSON基礎
正則表達式
關於JavaScript
JavaScript技巧
jQuery入門知識
AJAX入門
JavaScript綜合知識
小編推薦
基於JavaScript實現右鍵菜單和拖拽功能
處理提示“腳本運行時間過長的提示框”問題
javascript 二維排序表格代碼
改變文件域的樣式實現思路同時兼容ie、firefox
js控制表單奇偶行樣式的簡單方法
js和jquery對dom節點的操作(創建/追加)
使用vue.js制作分頁組件
JavaScript駕馭網頁-CSS與DOM
JavaScript實現上下浮動的窗口效果代碼
淺談 javascript 事件處理
熱門推薦
用Move.js配合創建CSS3動畫的入門指引
微信小程序鏈接傳參並跳轉新頁面
JS獲取計算機mac地址以及IP的實現方法
js實現類似菜單風格的TAB選項卡效果代碼
JavaScript獲取文本框內選中文本的方法
JS拖動鼠標畫出方框實現鼠標選區的方法
JS實現向表格中動態添加行的方法教程
改進UCHOME的記錄發布，增強可訪問性用戶體驗
javascript簡易畫板開發
大家都在看
利用CSS同比例縮小圖片技巧
jQuery實現點擊彈出背景變暗遮罩效果實例代碼
利用CSS3實現單選框動畫特效示例代碼
jQuery實現拖動調整表格單元格大小的代碼實例教程
網頁設計中使用圖標支持內容的最佳做法
.net JS模擬Repeater控件的實現代碼
HTML5+Canvas+CSS3實現齊天大聖孫悟空騰雲駕霧效果
關於jquery css的使用介紹
XML學習教程
|
jQuery入門知識
|
AJAX入門
|
Dreamweaver教程
|
Fireworks入門知識
|
SEO技巧
|
SEO優化集錦
|
Copyright ©
DIV+CSS佈局教程網
All Rights Reserved