今天我写的是图片的点击切换,一般网站首页都会有一些图片的展示,经过点击后切换到另外一张图片,下面我们经过模拟的方式 用我所学的JS和jq共同把这种效果描绘出来;内容有点粗糙,代码有点繁琐,作为新手,请酌情看待:
首先我先把整体的静态效果做出来,body内的内容代码如下:
其次用css样式表把内容装饰一下,代码如下:
效果图如下:
做完之后,那么我们现在在javascript内获取标签,且之前我们要引入 jquery-1.11.0.js ,如下
首先,第一步我们要用for循环遍历每一个点,然后点击后图片上显示相对应的数字,,而且达到一种淡入淡出的效果,代码如下:
效果图如下:
其次,我们对左右两边的按钮添加点击效果,让其右方向点击后图片进入下一张,而且下面切换点也会变成相对应的点,代码如下:
效果图如下:
当然效果图很难看出来,这是通过点击左右方向形成的效果,而且暂时测试没有BUG,如果想看到真正的图片,可以把里面的1,2,3,4,分别改为图片或者相对应的内容即可。
本次,就说到这里,谢谢。