1. 需求 上次讲到lao虎机抽奖,通过jquery.animate修改background-prosition-y来修改背景图片实现上下滚动动画,本文介绍一种左右滚动的动画,原理是一样的,这里通过修改background-prosition-x来实现动画,同时也要注意奖品图片的尺寸问题 ...
闲来没事,做了一个模拟转盘抽奖的HTML&JS的效果: 可以在设置的时候,选择几个区域,并且可以填写指针将要停止的区域 比如,我选择了"区域2",结果就是这样 具体可以见下面的源码:(注意,这里JQ文档没有贴出来,需要自行引入) HTML文件: 自己写的旋转 ...
下面这2个代码更少: 不用字符串生成function是不行的,缩的就是这个部分代码里面重复的字符。其实还真没必要用with,把with ...
大家都知道,做html页面时,为了提升网页的用户体验,我们需要在网页中加入一些特效,比如单行区域文字上下滚动就是经常用到的特效。如下图示效果: 要点提示: 1、特效初始化代码 $('.scroll-box').adScroll({interval: 2000 ...
<html> <head> <title>可控制文字列表上下滚动效果</title> <meta http-equiv="content-type" content="text/html; charset=gbk" /> < ...
目前好多的微信活动都有一些抽奖活动,其中就有跑马灯。 ...
源码: ...