Html中的 標簽

marquee的屬性:

    innerHTML:     設置或獲取位於對象起始和結束標簽內的 HTML
    scrollHeight:   獲取對象的滾動高度。
    scrollLeft:       設置或獲取位於對象左邊界和窗口中目前可見內容的最左端之間的距離
    scrollTop:       設置或獲取位於對象最頂端和窗口中可見內容的最頂端之間的距離
    scrollWidth:    獲取對象的滾動寬度
    offsetHeight:   獲取對象相對於版面或由父坐標 offsetParent 屬性指定的父坐標的高度
    offsetLeft:       獲取對象相對於版面或由 offsetParent 屬性指定的父坐標的計算左側位置
    offsetTop:       獲取對象相對於版面或由 offsetTop 屬性指定的父坐標的計算頂端位置
    offsetWidth:    獲取對象相對於版面或由父坐標 offsetParent 屬性指定的父坐標的寬度

向右無縫滾動

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <title>jQuery無縫滾動插件liMarquee演示-向右滾動_dowebok</title>
    <link rel="stylesheet" href="css/liMarquee.css">
    <script src="js/jquery-1.8.3.min.js"></script>
    <script src="js/jquery.liMarquee.js"></script>
<style>
.dowebok { width: 790px; margin: 150px auto; font-size: 14px;}
.dowebok a { margin: 0 15px; color: #333; text-decoration: none;}
.dowebok a:hover { text-decoration: underline;}
</style>
</head>
<body>

<div class="dowebok">
    <a href="">Smoothslides – 可平移的jQuery幻燈片插件</a>
    <a href="">jQuery全屏滾動插件fullPage.js</a>
    <a href="">WOW.js – 讓頁面滾動更有趣</a>
    <a href="">讓IE7 IE8支持CSS3 background-size屬性</a>
    <a href="">shCircleLoader – jQuery Loading效果插件</a>
</div>

</body>
<script>
$(function(){
    $('.dowebok').liMarquee({
        direction: 'right'
    });
});
</script>
</html>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM