DIV CSS 佈局教程網
設為首頁
加入收藏
首頁
HTML基礎知識
CSS入門知識
JavaScript入門知識
DIV+CSS佈局
WEB網站前端
網頁腳本
網頁SEO優化
網頁制作工具
DIV+CSS佈局教程網
>>
網頁腳本
>>
JavaScript入門知識
>>
關於JavaScript
>> js實現的文字橫向無間斷滾動
js實現的文字橫向無間斷滾動
編輯:關於JavaScript  
我一開始想到的標簽是<marquee>,因為它可以實現橫向滾動。經理說它的起始位置從最右邊出來的,能不能將它改成從中間出來,或者從最左邊出來也行。查了相關資料,才知道<marquee>無法指定起始位置。後來在網上找到一段代碼,它是用圖片來實現的,我將圖片改成文字之後,順利地實現了我所想要的功能。代碼如下:
${affiche.content} ${affiche.content} ${affiche.content} ${affiche.content} ${affiche.content} ${affiche.content}
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
這裡${affiche.content}是從數據庫取出來的文字。
之所以在scroll_begin的div裡面寫這個多重復的文字,是因為這些文字的長度必須要大於scroll_div的div容器。如果小於div容易,則不會有一直滾動的效果。
換句話說:無縫滾動的內容寬度加起來必須要大於容器的寬度。
上一頁:
javascript數字數組去重復項的實現代碼
下一頁:
js TextArea的選中區域處理
關於JavaScript
原生javascript實現圖片按鈕切換
先給大家看下效果展示圖以下為詳細代碼:復制代碼 代碼如下:function LGY_picSwitc
實現運行代碼按鈕
在一個textarea中輸入html代碼,點擊“運行按鈕”就可以在新窗口中運行所輸入的代碼。這個功能
被遺忘的javascript的slice() 方法
slice() 方法可從已有的數組中返回選定的元素。好吧,我承認我竟然把它忘了!這次我在回顧一下它語
相關文章
用vue實現簡單實時匯率計算功能
js根據地理坐標確定地圖中心位置
使用js和jquery獲取url及url參數的方法
使用flex實現彈性布局
jQuery+CSS3實現可拖拽的3D立體圖片展示環
HTML5+jQuery實現全屏煙花特效
使用js實現極速選擇輸入城市名
JS鼠標懸浮圖片左右箭頭點擊訪問上下頁
js動態改變字體大小實例
js獲取和設置元素屬性值
JavaScript基礎知識
JSON基礎
正則表達式
關於JavaScript
JavaScript技巧
jQuery入門知識
AJAX入門
JavaScript綜合知識
小編推薦
javascript比較語義化版本號的實現代碼
JavaScript常用本地對象小結
Javascript對象字面量的理解
JS實現的網頁倒計時數字時鐘效果
頂部緩沖下拉菜單導航特效的JS代碼
js+html5實現canvas繪制網頁時鐘的方法
JS中FRAME的操作問題實例教程分析
JS實現判斷碰撞的方法教程
基於IE下ul li 互相嵌套時的bug,排查,解決過程以及心得介紹
JS實現DIV容器賦值的方法
熱門推薦
圖文詳解JavaScript的原型對象及原型鏈
jQuery on()方法綁定動態元素的點擊事件實例代碼淺析
JavaScript AJAX之惰性載入函數
純js實現背景圖片切換效果代碼
調試Node.JS的輔助工具(NodeWatcher)
原生javascript圖片輪播
JavaScript跨域調用基於JSON的RESTful API
網頁漂浮廣告的關閉的實現代碼
JS判斷iframe是否加載完成的方法
大家都在看
Moment.js 不容錯過的超棒Javascript日期處理類庫
web前端開發upload上傳頭像js示例代碼
js+html5實現canvas繪制橢圓形圖案的方法
js實現簡單選項卡與自動切換效果的使用方法
深入學習DIV+CSS布局之position屬性用法
jQuery調用WebService的實現代碼
解析JSON時注意的相關問題進行學習
HTML 5 Web Socket:下一次Web通信革命揭幕(1)
XML學習教程
|
jQuery入門知識
|
AJAX入門
|
Dreamweaver教程
|
Fireworks入門知識
|
SEO技巧
|
SEO優化集錦
|
Copyright ©
DIV+CSS佈局教程網
All Rights Reserved