觉得猪八戒网左下角的文字滚动,效果不错,自己摸索了一下,以自己的方法实现了!...
觉得猪八戒网左下角的文字滚动,效果不错!
自己摸索了一下,以自己的方法实现了!
没有运用jQuery,不过用了自己的编写的Js库!
有兴趣的可以看看!
2分钟前:yp6811
出价200元,发布了坡屋顶客厅简欧效果图,加急
3分钟前:pplilikk
出价50元,发布了我想团投票
4分钟前:userhxy
出价200元,发布了在图片上模块地图操作
5分钟前:wang1234568
出价50元,发布了美化淘宝图片若干张
6分钟前:jack5156
出价1000元,发布了网站制作
7分钟前:yp6811
出价200元,发布了坡屋顶客厅简欧效果图,加急
8分钟前:pplilikk
出价50元,发布了我想团投票
9分钟前:userhxy
出价200元,发布了在图片上模块地图操作
10分钟前:wang1234568
出价50元,发布了美化淘宝图片若干张
11分钟前:jack5156
出价1000元,发布了网站制作
7分钟前:蓝蓝水
出价300元,发布了小吃品牌区域代理计划书
9分钟前:youling999
出价600元,发布了淘宝聚划算投票 3元/票 ...
9分钟前:北京开门红
出价800元,发布了对北京公司注册网www.1...
14分钟前:yitianyige
出价50元,发布了(1天1个)百度知道一问一...
18分钟前:msnwell
出价10000元,发布了网站PHP网站程序设计
7分钟前:蓝蓝水
出价300元,发布了小吃品牌区域代理计划书
9分钟前:youling999
出价600元,发布了淘宝聚划算投票 3元/票 ...
9分钟前:北京开门红
出价800元,发布了对北京公司注册网www.1...
14分钟前:yitianyige
出价50元,发布了(1天1个)百度知道一问一...
18分钟前:msnwell
出价10000元,发布了网站PHP网站程序设计
21分钟前:jasontso
出价200元,发布了娱乐公司LOGO设计
22分钟前:上海财道网络科技
出价1000元,发布了上海财道网络科技有限公司L...
22分钟前:dbchuan
出价50元,发布了张姓女宝宝取名
22分钟前:a278313
出价50元,发布了请人帮忙改下SHOPEX源...
24分钟前:谁情深处
出价170元,发布了帮忙设计一个金发女士用在包...
21分钟前:jasontso
出价200元,发布了娱乐公司LOGO设计
22分钟前:上海财道网络科技
出价1000元,发布了上海财道网络科技有限公司L...
22分钟前:dbchuan
出价50元,发布了张姓女宝宝取名
22分钟前:a278313
出价50元,发布了请人帮忙改下SHOPEX源...
24分钟前:谁情深处
出价170元,发布了帮忙设计一个金发女士用在包...
25分钟前:beijingjiayuan
出价100元,发布了百度知道,搜搜问问,天涯问...
25分钟前:msnwell
出价20000元,发布了网站前端Div+Css+P...
27分钟前:haron0318
出价100元,发布了公司LOGO设计
27分钟前:koyin
出价50元,发布了简单超简单 美丽说 蘑菇街
28分钟前:muyeedu
出价1000元,发布了吉祥物设计
25分钟前:beijingjiayuan
出价100元,发布了百度知道,搜搜问问,天涯问...
25分钟前:msnwell
出价20000元,发布了网站前端Div+Css+P...
27分钟前:haron0318
出价100元,发布了公司LOGO设计
27分钟前:koyin
出价50元,发布了简单超简单 美丽说 蘑菇街
28分钟前:muyeedu
出价1000元,发布了吉祥物设计
源码:
css:
2 .do_ta { border: 1px solid #E4E4E4; margin: 10px auto; width: 170px; }
3 .do_ta .ta_ta { background: url("http://s.zbjimg.com/p/zbj/css/../img/tafb.gif") no-repeat; height: 52px; width: 168px; }
4 .do_ta .ta_tc { height: 61px; line-height: 20px; margin: 10px; overflow: hidden; padding: 0; position: relative; }
5 .do_ta .ta_tc li { border-bottom: 1px dashed #E4E4E4; color: #666666; height: 60px; margin: 0; overflow: hidden; padding: 0; position: absolute; top: 0; left: 0; background: #fff; z-index: 0; width:155px; }
6 .do_ta .ta_tc li .time { color: #999999; }
7 .do_ta .ta_tc li u { color: #2B9A00; text-decoration: none;}
8 .do_ta .ta_tc li s { color: #FF3600; text-decoration: none;}
9 .do_ta .ta_tc li a { color: #1A69DE; text-decoration: none; }
10 .do_ta .dota_d { padding: 5px 0 15px; text-align: center; }
11 .do_ta .dota_d a{ color: #666;}
javascript:
个人js工具库,猛点击!
2 zbjScrollText: function(scrollId){
3 var li = Meng.getTag('li',Meng.getId(scrollId)),
4
5 curActLi = 0,
6 getActivity = function(){
7 return [li[curActLi],li[10+curActLi],li[20+curActLi],li[30+curActLi]];
8 },
9 sliceDown = function(elem,pos){
10 Meng.setStyle(elem,{top:'-60px',zIndex:1});
11 Meng.animate(elem,{top:-60},{top:60},800);
12 },
13 play = function(){
14 Meng.each(getActivity(), function(i){
15 var _this = this;
16 setTimeout( function(){
17 sliceDown(_this,i);
18 },i*900);
19 });
20 };
21 play();
22 setInterval( function(){
23 if(curActLi == 9){
24 curActLi = 0;
25 Meng.each(li, function(){Meng.setStyle( this,{zIndex:0})});
26 } else curActLi++;
27 play();
28 },5000);
29 }
30 });
31 Meng.zbjScrollText('dota1');
转载于:https://www.cnblogs.com/dreamback/archive/2011/10/27/2226383.html
觉得猪八戒网左下角的文字滚动,效果不错,自己摸索了一下,以自己的方法实现了!...相关推荐
- 页面实现文字滚动效果(跑马灯)
页面的自动滚动效果,可由javascript来实现,但是今天无意中发现了一个html标签 - <marquee></marquee>可以实现多种滚动效果,无需js控制.使用ma ...
- HTML实现公告文字滚动效果
效果图: <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8 ...
- android 文字滚动组件,Android textview 跑马灯文字滚动效果
设置如下TextView控件文件的XML: android:id="@+id/textview" android:layout_width="match_parent&q ...
- 各种文字滚动效果代码
几排文字向上滚动 <MARQUEE direction=up οnmοuseοut=start(); οnmοuseοver=stop(); scrollAmount=1 scrollDelay ...
- css数字/文字滚动效果
效果: 原理 利用伪类,开始的时候给本来的内容盖住,然后执行动画. 设置宽高,宽就是单个内容(比如数字中的一位数)的宽,让内容一行一个的排成列. 动画就是让这些内容一个个的往上升,造成一种滚动效果 最 ...
- js实现文字滚动效果
在之前小编已经和大家介绍了一些常用的js动画效果,在此,和大家介绍一种可能不太常用的动画效果.该动画效果与文字相关,且,虽然不常用,但几乎每个人都见过它.相信大家都使用酷狗音乐或是网易云音乐进行音乐的 ...
- js实现首尾相连的文字滚动效果
最近单位的小同事问了一个问题,就是在页面底部的位置实现字体滚动的效果.若利用<marquee>进行滚动的话,必须等上一次滚动出屏幕才可以看到下一次进入的文字,这样的效果很不好,滚动区域时常 ...
- html怎么设置文字滚动效果,css如何实现滚动文字,实现滚动文字的代码
css如何实现滚动文字,实现滚动文字的代码 发布时间:2020-05-09 10:35:36 来源:亿速云 阅读:228 作者:小新 这篇文章主要为大家详细介绍了css如何实现滚动文字,实现滚动文字的 ...
- vue实现文字滚动效果
这段时间遇到一个需求, 从后端获取到很多人的名字 需要横向滚动轮播这些名字, 就像商铺门口的电子横幅一样 查了很多的插件 也没有找到自己想要的感觉 于是准备自己写一个通用的组件 创建一个my-marq ...
最新文章
- scrum敏捷开发工具实践分享
- MariaDB/MySQL防止重复插入相同记录:INSERT IGNORE或者REPLACE
- python中的time库安装步骤-python中time库的实例使用方法
- wifi无线上网技巧
- 电动力学每日一题 2021/10/15 Fourier变换法计算均匀电流密度产生的磁场
- NLP 中文短文本分类项目实践(下)
- node实现watcher的困境
- 一文读懂 KMP 算法
- 如何快速优化 Linux 内核 UDP 收包效率? | CSDN 博文精选
- 动态链接库的设计(DLL)
- 2022.3.27 学习韩顺平老师java基础
- (十)瑞芯微rk3568 中qt工程ffmpeg 拉取rtsp视频流
- 计算机毕业设计ssm电影院售票系统java项目mysql数据库
- 【Vue.$delete】 删除
- 如何向弱智程序员解释区块链
- 数据结构系列-队列的基本操作
- python 图像扭曲 opencv仿射变换 cv2.getAffineTransform() cv2.warpAffine()应用实例
- 相关系数与相关指数区别
- html 搜索历史记录,使用cookie实现历史搜索记录功能
- Android 利用高德地图API进行定位、开发电子围栏、天气预报、轨迹记录、搜索周边(位置)