ホームページ >ウェブフロントエンド >jsチュートリアル >js データを上にスクロールする_データをスクロールする_JavaScript スキル

js データを上にスクロールする_データをスクロールする_JavaScript スキル

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBオリジナル: 2016-05-16 18:59:501553ブラウズ

复制代代码如下:

<title>無題</title> 
    <style type="text/css"> 
        .kefuchu{ width:109px;} 
        .SS_dh1{background:url(../images/SSindex/SS_dh1.jpg) no-repeat; height:51px; width:84px; float:left} 
        .SS_dh2{background:url(../images/SSindex/SS_dh2.jpg) no-repeat; height:51px; width:25px; float:left; display:block} 
        .SS_dh3{background:url(../images/SSindex/SS_dh3.jpg) repeat-y; width:109px; } 
        .SS_dh4{background:url(../images/SSindex/SS_dh4.jpg) no-repeat; height:17px; width:109px; } 
        .SS_dh5{background:url(../images/SSindex/SS_dh5.jpg) no-repeat; height:23px; width:74px; margin-left:20px;} 
         
         
        #scroll li{float:left;width:150px;} 
        #scroll2{display:none;} 
    </style>

<div> 
    <ul style="width:500px;height:20px;overflow:hidden;border:1px red solid;line-height:20px;" id="scroll"> 
        <li> 脚本之家</li> 
        <li>jb51.net</li> 
        <li>見てください</li> 
        <li>kanshule.com</li> 
        <li>好好学习</li> 
        <li>発行大幅6</li> 
        <li>発行大幅7</li> 
        <li>発行大幅8</li> 
        <li>発行大幅9</li> 
        <li>発行大幅10</li> 
        <li>大幅に発生11</li> 
        <li>大幅12発発生</li> 
        <li>大幅13発</li> 
        <li>発行大幅14</li> 
        <li>発行大幅15</li> 
        <li>発行大幅16</li> 
        <li>大幅17発</li> 
        <li>発行大幅18</li> 
        <li>大幅19発</li> 
        <li>発行大幅20</li> 
    </ul> 
    <ul id="scroll2"></ul>
</div>

[Ctrl A 全选注:如く必要取入外部Js必要刷新才能执行]

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：js はユーザーエクスペリエンスを満たす Web フォーム効果を検証します_フォーム効果次の記事：js はユーザーエクスペリエンスを満たす Web フォーム効果を検証します_フォーム効果

続きを見る

js データを上にスクロールする_データをスクロールする_JavaScript スキル

関連記事