masyarakat Belajar Perpustakaan Alatan Masa lapang

Melayu

Rumah > hujung hadapan web > tutorial js > js数据向上翻滚_数据滚动_javascript技巧

js数据向上翻滚_数据滚动_javascript技巧

WBOY

Lepaskan： 2016-05-16 18:59:50

asal

1528 orang telah melayarinya

复制代码代码如下:

<title>Untitled</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需刷新才能执行]

Label berkaitan：

js 数据

sumber：php.cn

Artikel sebelumnya：js验证符合用户体验的网页表单特效_表单特效 Artikel seterusnya：百度空间的popup效果分析_javascript技巧

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang

Apakah itu NullPointerException, dan bagaimana saya membetulkannya?

2024-10-22 09:46:29
Daripada Novis kepada Coder: Perjalanan Anda Bermula dengan Asas C

2024-10-13 13:53:41
Membuka Kunci Pembangunan Web dengan PHP: Panduan Pemula

2024-10-12 12:15:51
Demystifying C: Laluan Yang Jelas dan Mudah untuk Pengaturcara Baharu

2024-10-11 22:47:31
Buka Potensi Pengekodan Anda: Pengaturcaraan C untuk Pemula Mutlak

2024-10-11 19:36:51
Lepaskan Pengaturcara Dalaman Anda: C untuk Pemula Mutlak

2024-10-11 15:50:41
Automasi Kehidupan Anda dengan C: Skrip dan Alat untuk Pemula

2024-10-11 15:07:41
PHP Dipermudahkan: Langkah Pertama Anda dalam Pembangunan Web

2024-10-11 14:21:21
Bina Apa sahaja dengan Python: Panduan Pemula untuk Melancarkan Kreativiti Anda

2024-10-11 12:59:11
Kunci Pengekodan: Membuka Kunci Kuasa Python untuk Pemula

2024-10-11 12:17:31

Isu terkini

Bolehkah kumpulan pekerja yang diisytiharkan dalam berbilang laluan masih mengekalkan penggunaan cpunya tanpa mengambil berat tentang ambang Saya berharap untuk mencari sistem node.js dengan kumpulan pekerja untuk mengendalikan tug...

daripada 2024-04-06 19:54:23

0

1

444

Titik Scatterplot tidak mengekalkan nilai semasa mengezum masuk d3.js Ini adalah kali pertama saya menggunakan d3.js, jadi harap bersabar. Saya melaksanakannya ...

daripada 2024-04-06 18:16:26

0

1

403

Tunjukkan panel sisi tersembunyi: ditandai Saya ingin mempunyai menu navigasi dalam panel sisi dengan keupayaan untuk beralih kepada ...

daripada 2024-04-06 15:49:33

0

1

319

Patutkah kita menggunakan SSG untuk menggunakan papan pemuka yang dibuat dengan Nuxt.js? Kami akan membangunkan papan pemuka untuk kegunaan dalaman menggunakan Nuxt.js. Memandangk...

daripada 2024-04-06 13:17:44

0

1

493

Elektron mendapat AppData pada pramuat Bagaimana untuk mendapatkan direktori AppData yang dipramuat? Background.js[...]asyncfunct...

daripada 2024-04-06 11:05:31

0

1

417

Topik-topik yang berkaitan

Lagi>

Cadangan popular

Tutorial Popular

Lagi>

Tutorial berkaitan

Cadangan popular

Kursus terkini

Muat turun terkini

Lagi>

kesan web

Kod sumber laman web

Bahan laman web

Templat hujung hadapan