本文我们实现纯JS方式的滚动广告效果。 先show一下成品: 首先是网页样式: 1. #demo { 2. background: #FFF; 3. overflow:hidden; 4. border: 1px dashed #CCC; 5. width: 1280px; 6. height:20 ...
分类:
Web程序 时间:
2016-05-05 22:22:08
阅读次数:
220
marquee测试
$(function(){
$("#marquee").marquee({
yScroll: "bottom",
showSpeed: 850, // 初始下拉速度 ,
scrollSpeed: 12, // 滚动速度 ,...
分类:
Web程序 时间:
2016-04-29 18:10:44
阅读次数:
428
marquee测试
$(function(){
$("#marquee").marquee({
yScroll: "bottom",
showSpeed: 850, // 初始下拉速度 ,
scrollSpeed: 12, // 滚动速度 ,...
分类:
Web程序 时间:
2016-04-26 20:22:20
阅读次数:
242
想必大家都注意到<marquee>的不循环滚动,所以出现了很多替代脚本,或iframe或JS输出<marquee>,不管怎么做,都略显麻烦。下面说一下这个相对简单的实现思路:一个设定宽度并且隐藏超出它宽度的内容的容器demo,里面放demo1和 demo2,demo1是滚动内容,demo2为demo ...
分类:
Web程序 时间:
2016-04-12 00:06:25
阅读次数:
238
向上无缝滚动1.behavior滚动方式 alternate:在两端之间来回滚动 scroll:由一端滚动到另一端,会重复 slide:有一端滚动到另一端,不会重复 2;direcyion滚动方向down,up,left,right 3;loop滚动次数(=-1一直滚动,默认-1) 4;scroll ...
分类:
其他好文 时间:
2016-04-08 21:23:35
阅读次数:
183
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.or ...
分类:
其他好文 时间:
2016-04-06 13:19:44
阅读次数:
103
今天我们来说说定时器,其实定时器在很多程序中是很常用的,比如我们看到的一些网站上的滚动图片,鼠标移动到QQ头像上的效果,还有网站上时间表等等。接下来我们就围绕这三个定时器的经典应用来了解定时器。 首先,我们讲到的是如果开启定时器 setInterval 间隔型,应用:无缝滚动、网站时钟 setTim
分类:
Web程序 时间:
2016-03-22 19:28:10
阅读次数:
311
Today,在XX学院的教学视频中,偶尔看到了Jquery+css实现图片无缝滚动轮播视频教程,虽然以前已写过类似的,但是我感觉他学的比较精简。为了方便以后做项目时直接拷贝,特地写出来,顺便和大家分享一下 最终实现界面如下: 页面加载时,自动轮播,轮播鼠标悬停在整个banner容器的时候,两边会显示
分类:
Web程序 时间:
2016-03-19 19:15:12
阅读次数:
167
<!DOCTYPE html><html><head> <title></title> <style type="text/css"> *{padding: 0;margin: 0} #div1{ height: 200px; width: 800px; margin-left: auto; mar
分类:
其他好文 时间:
2016-03-12 10:28:53
阅读次数:
192