JS里的DOM在网页中的实际操作

2021-05-18 01:28

阅读:601

标签:建立   col   大图轮播   elements   top   ges   style   相对   字符   

 

-->

 

 大图轮播:

出现如下图所示的效果:

技术分享嵌了四张图,有四张图,图片自动轮播,播到第几个图片,第几个框变成了蓝色,点第几个框,变蓝色,显示第几张图片。

 

总结:思路是,1.插入四张图片的话,先建一个大div,里面直接嵌入图片,div定好宽与高,只让第一张图片显示,其他隐藏。

       2.把四个图片看成一个数组,给一个索引值sy,定一个变量。

       3.赋两个函数,一个是让它轮播,一个是让其点击框,变色,显示出哪个图片;

 

点击事件要定一个形参

 

下拉列表选择项:

 

        要实现的效果:点击一项,出来下面几项,选择哪一项,哪一项跳到最上面的位置上。

 

淄博
张店
周村
临淄

 

 

获取时间: 

 

出现如下图所示的效果:

技术分享

 总结:先建立一个新的变量date,获取时间,再利用字符串的拼接,要注意的是,注意所有的标点符号都是英文的。之后在div里
  获取的内容与拼接的东西相等。

 

出现如下图中的效果:

技术分享

企业
员工
哈哈 哈罗

 

JS里的DOM在网页中的实际操作

标签:建立   col   大图轮播   elements   top   ges   style   相对   字符   

原文地址:http://www.cnblogs.com/zuo72/p/7728428.html


评论


亲,登录后才可以留言!