摘要:
例如:要做到这样的效果点击每个选项时,会显示不同的div。我们的做法:在javascript中,先把所有的div的display设置为none,然后在根据当前的数组里的索引值进行一个显示div的过程。下面的例子就是:首先,把妙味课堂、妙味茶馆、苗味视频选项的div设置为display:none;然后... 阅读全文
摘要:
一、编写live.html页面,1、JavaScript实现表格的隔行换色,并且当鼠标移过时当前行高亮显示;2、是输出表格中的abbr标签的内容实现后的效果图是这样的:1、实现思路在输出表格的时候,给出一个判断,如果偶数或是奇数行我们想换色,则添加一个class为odd的值,在这个class里就设置... 阅读全文
摘要:
一、photos.html页面,点击每一张缩略图,就在占位符的位置那里,显示对应的大图。看到的页面效果是这样的:1、实现思路这个功能在之前的JavaScript美术馆那里已经实现了。首先在页面中使用ul列表显示出所有的缩略图,然后使用JavaScript,for循环检查出当前点击的是哪一张图片,最后... 阅读全文
摘要:
一、现在我们在网站设计(三)的基础上,来编写about.html页面。这个页面要用到的知识点是利用JavaScript和DOM实现选择性地显示和隐藏某些DIVabout.html页面在前面我们为了看导航栏菜单项高亮显示时,已经写了部分内容,只是那时写的代码没有实现div显示和隐藏,现在就在之前编写的... 阅读全文
摘要:
一、主页一般都会比较有特色,现在在网站设计(二)实现的基础上,来给主页添加一点动画效果。1、这里实现的动画效果是:当鼠标悬停在其中某个超链接时,会显示出属于该页面的背景缩略图,让用户知道这个链接的页面大概内容是什么。效果图:2、实现这个效果的思路(1)把主页的几个链接的背景图片缩放到150px*15... 阅读全文