2011年1月22日
摘要: 上次的jQuery幻灯片播放效果使用jQuery做的,这次我们再尝试用原生的js做一个,嘿嘿 还是老一套,先是html和css,如下:这次使用的是ul li 保存图片,而且定义了在没有js的情况下图片的展示效果,保证用户禁用js之后还能让图片正常展示:禁用了js的显示效果:使用js的效果:哈哈,看着还不错。下面我们来说最主要的东西:js,嘿嘿,代码如下: 唉,真是的,jQuery的几代码就搞定的东西现在我们用js写的话就用近百行代码啦,哈哈,不过原生的js的代码执行的效率快得多,毕竟少了jQuery这个框架。 首先是这个getTarget方法,用来获得一个事件的事件源,获取事件源ie和其他的浏 阅读全文
posted @ 2011-01-22 20:02 晓O(∩_∩)O~ 阅读(1008) 评论(0) 推荐(0) 编辑
摘要: 闲来无事,使用jQuery做了一个图片幻灯片,贴出来大家都看看,多扔砖头…… 先说前台吧,很简单,如下所示: 再说css,如下: 很简单,总体上一个slidBox,上面一部分是图片列表,下面是指示器,指示当前所展示的图片,里面还有一个span,是图的说明。 现在来说js,嘿嘿,有一点,千万别忘了加载jQuery,题目,就是jQuery做的,这个可是很重要的 然后我们新建一个文件吧,写咱们自己js,代码如下: slidetext保存各个图片的说明,nowPosition保存图片当前滑动到的位置。有一个interval,设置的图片多长时间轮换一次,,每次执行的playIt这个函数。每执行一次,no 阅读全文
posted @ 2011-01-22 18:31 晓O(∩_∩)O~ 阅读(3900) 评论(0) 推荐(0) 编辑