masyarakat Belajar Perpustakaan Alatan Masa lapang

Melayu

Rumah > hujung hadapan web > tutorial js > COOL而实用的动态效果_时间日期

COOL而实用的动态效果_时间日期

WBOY

Lepaskan： 2016-05-16 19:27:40

asal

946 orang telah melayarinya

最近在做项目的时候，客户要求表格里的数据可以拖选，于是用JS写了个下面的方法。支持IE、FIREFOX等浏览器。实现对整行、整列数据的选取，全选、反选、清除，在数据表格内拖拉出的矩形范围的单元格数据全选。

PS:

1.如果数据单元格没有数据，请将ID设为空或去掉ID，样式为"inactive".则选择时会跳过此单元格。

2.如果不想某个单元格被选，请将class设为“bg_green”,则选择时会跳过此单元格。

<p>

</p>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>calendar</title>
<p><style type="text/css">
/*button style*/
.button{
 padding: 2px;
 color: #F5F5F5;
 background-color: #3665A5;
 border-width: 1px 2px 2px 1px;
 border-color: #D2D2D2 #305B93 #305B93 #D2D2D2;
 border-style: solid;
 font: bold 14px verdana;
}</style></p>
<p>body,td{margin:0;font:12px verdana;cursor:default;}
#ca td{/*width:20px;height:25px;*/border-right:1px solid;border-bottom:1px solid;text-align:center;}
.daysTitle td{border-right:1px solid #A6D2FF;text-align:center;font-weight:bold;}
.font_red{color:red;}
.monthsTitle td{border-bottom:1px solid #A6D2FF;text-align:center;color:#fafafa;}
.bg_red{background-color:#FF0000;color:#FFFFCC; border-color:#FFCCCC;}
.bg_green{background-color:#00CC00;}
.inactive{background-color:#E1F0FF; border-color:#A6D2FF;}
.noData{background-color:#ccc; border-color:#999;}

<script language="javascript" type="text/javascript" src="array.js"></script>
</p>
<p></p>
<script type="text/javascript" language="javascript">
<P>/******************************************************************
 姝や唬</script>

Label berkaitan：

COOL而实用的动态效果

sumber：php.cn

Artikel sebelumnya：图片向上滚动_图象特效 Artikel seterusnya：javascript的函数第1/3页_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

Bagaimanakah saya boleh menjadikan teks bertukar menjadi elemen baharu (seperti pembahagi) apabila diklik? Saya cuba mencari cara untuk menjadikan teks tertentu pada halaman bertukar menjadi pemisa...

daripada 2024-04-04 11:21:03

0

1

3580

Buat susun atur kad yang pelbagai menggunakan grid tunggal atau Flex: panduan praktikal Saya cuba membuat susun atur kad responsif seperti dalam gambar. Apa yang saya lakukan pad...

daripada 2024-04-02 21:07:36

0

2

377

flex css - elemen klip selepas ketinggian tertentu dan bukannya pembalut Sempadan mewakili ketinggian dan lebar statik. Saya mahu item 5 dan 6 kekal di baris kedua...

daripada 2024-04-01 14:02:02

0

1

396

Buat papan tanda berskala menggunakan HTML, CSS dan SVG Saya ingin membuat butang dalam bentuk papan tanda (segi empat tepat dengan hujung). _____...

daripada 2024-03-31 14:45:14

0

1

294

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