向上滚动的文字的淡入淡出效果
点击(此处)折叠或打开
- <html>
- <head>
- <title>向上滚动的文字的淡入淡出效果丨保定营销策划公司-河北营销策划公司</title>
- <meta http-equiv=\"content-Type\" content=\"text/html;charset=gb2312\">
- <!--把下面代码加到与之间-->
- <style type=\"text/css\">
- .textanimlink {
- TEXT-DECORATION: none
- }
- A {
- TEXT-DECORATION: none
- }
- P.main {
- FONT-FAMILY: Arial; FONT-SIZE: 15pt; FONT-WEIGHT: bold
- }
- </style>
- </head>
- <!--把改为-->
- <body bgproperties=\"fixed\">
- <!--把下面代码加到与之间-->
- <script language=\"Javascript\">
- bname=navigator.appName;
- bversion=parseInt(navigator.appVersion)
- if ((bname==\"Netscape\" && bversion>=4) || (bname==\"Microsoft Internet Explorer\" && bversion>=4))
- window.onload=start
- else
- stop();
- window.onunload=stop
- if (bname==\"Netscape\"){
- brows=true
- dt=2
- }
- else{
- brows=false
- dt=20
- }
- var z=0;
- var msg=0;
- var rgb=0;
- var link=false;
- var status=true;
- var updwn=false;
- var message= new Array();
- var value=0;
- var h=window.innerHeight;
- var w=window.innerWidth;
- var timer1;
- var timer2;
- var timer3;
- var convert = new Array()
- var hexbase= new Array(\"0\", \"1\", \"2\", \"3\", \"4\", \"5\", \"6\", \"7\", \"8\", \"9\", \"A\", \"B\", \"C\", \"D\", \"E\", \"F\");
- var bgcolor=\"#0000FF\"; //背景色
- var color=\"#FF0000\"; //字符颜色
- message[0]=\'欢迎光临『芯晴网页特效』\'
- message[1]=\'请记住本站地址:www.CsrCode.cn\'
- message[2]=\'本站特效资源一直更新,敬请关注\'
- message[3]=\'芯晴网页特效\'
- for (x=0; x<16; x++){
- for (y=0; y<16; y++){
- convert[value]= hexbase[x] + hexbase[y];
- value++;
- }
- }
- redx=color.substring(1,3);
- greenx=color.substring(3,5);
- bluex=color.substring(5,7);
- hred=eval(parseInt(redx,16));
- hgreen=eval(parseInt(greenx,16));
- hblue=eval(parseInt(bluex,16));
- eredx=bgcolor.substring(1,3);
- egreenx=bgcolor.substring(3,5);
- ebluex=bgcolor.substring(5,7);
- ered=eval(parseInt(eredx,16));
- egreen=eval(parseInt(egreenx,16));
- eblue=eval(parseInt(ebluex,16));
- red=ered;
- green=egreen;
- blue=eblue;
- function start(){
- if ((bname==\"Netscape\" && bversion>=4) || (bname==\"Microsoft Internet Explorer\" && bversion>=4)){
- link=false;
- updwn=true;
- if (brows)
- res=document.layers[\'textanim\'].top
- else{
- textanim.style.width=document.body.offsetWidth-20;
- textanim.innerHTML=\'
\'
+message[msg]+\'\'
- res=textanim.style.top
- for (x=0; x<document.all.length; x++)
- if(document.all[x].id==\"textanimlink\")
- link=true;
- }
- up()
- }
- }
- function stop(){
- clearTimeout(timer1);
- clearTimeout(timer2);
- clearTimeout(timer3);
- }
- function resz(){
- h=window.innerHeight;
- w=window.innerWidth;
- if (updwn)
- timer1=setTimeout(\'up()\',1000)
- else
- timer2=setTimeout(\'down()\',1000)
- }
- function breakf(){
- if (status){
- clearTimeout(timer1);
- clearTimeout(timer2);
- status=false
- return;
- }
- else{
- status=true;
- if (updwn)
- timer1=setTimeout(\'up()\',dt)
- else
- timer2=setTimeout(\'down()\',dt)
- }
- }
- function up(){
- if (red<hred){
- if ((red+7)<hred)
- red+=7;
- else
- red=hred
- redx = convert[red]
- }
- else{
- if ((red-7)>hred)
- red-=7;
- else
- red=hred
- redx = convert[red]
- }
- if (green<hgreen){
- if ((green+7)<hgreen)
- green+=7;
- else
- green=hgreen
- greenx = convert[green]
- }
- else{
- if ((green-7)>hgreen)
- green-=7;
- else
- green=hgreen
- greenx = convert[green]
- }
- if (blue<hblue){
- if ((blue+7)<hblue)
- blue+=7;
- else
- blue=hblue
- bluex = convert[blue]
- }
- else{
- if ((blue-7)>hblue)
- blue-=7;
- else
- blue=hblue
- bluex = convert[blue]
- }
- rgb = \"#\"+redx+greenx+bluex;
- if (brows){
- document.layers[\'textanim\'].document.linkColor=rgb;
- document.layers[\'textanim\'].document.vlinkColor=rgb;
- if (window.innerHeight!=h || window.innerWidth!=w){
- clearTimeout(timer1);
- resz()
- return;
- }
- else{
- document.layers[\'textanim\'].document.write(\'
+rgb+\'\">\'+message[msg]+\'
\')
- document.layers[\'textanim\'].document.close();
- }
- }
- else{
- textanim.style.color=rgb;
- if(link)
- textanimlink.style.color=rgb;
- }
- if (z<38){
- if (brows)
- document.layers[\'textanim\'].top--
- else
- textanim.style.posTop--
- z++
- timer1=setTimeout(\'up()\',dt)
- }
- else
- {
- updwn=false;
- down()
- }
- }
- function down(){
- if (red<ered){
- if ((red+7)<ered)
- red+=7;
- else
- red=ered
- redx = convert[red]
- }
- else{
- if ((red-7)>ered)
- red-=7;
- else
- red=ered
- redx = convert[red]
- }
- if (green<egreen){
- if ((green+7)<egreen)
- green+=7;
- else
- green=egreen
- greenx = convert[green]
- }
- else{
- if ((green-7)>egreen)
- green-=7;
- else
- green=egreen
- greenx = convert[green]
- }
- if (blue<eblue){
- if ((blue+7)<eblue)
- blue+=7;
- else
- blue=eblue
- bluex = convert[blue]
- }
- else{
- if ((blue-7)>eblue)
- blue-=7;
- else
- blue=eblue
- bluex = convert[blue]
- }
- rgb = \"#\"+redx+greenx+bluex;
- if (brows){
- document.layers[\'textanim\'].document.linkColor=rgb;
- document.layers[\'textanim\'].document.vlinkColor=rgb;
- if (window.innerHeight!=h || window.innerWidth!=w){
- clearTimeout(timer2);
- resz()
- return;
- }
- else{
- document.layers[\'textanim\'].document.write(\'
+rgb+\'\">\'+message[msg]+\'
\')
- document.layers[\'textanim\'].document.close();
- }
- }
- else{
- textanim.style.color=rgb;
- if(link)
- textanimlink.style.color=rgb;
- }
- if (z<76){
- if (brows)
- document.layers[\'textanim\'].top--
- else
- textanim.style.posTop--
- z++
- timer2=setTimeout(\'down()\',dt)
- }
- else
- {
- if (brows){
- document.layers[\'textanim\'].document.write(\'\')
- document.layers[\'textanim\'].document.close();
- }
- else
- textanim.innerHTML=\'\';
- window.clearInterval(timer2);
- if(msg<message.length-1){
- msg++;
- z=0;
- if (brows){
- document.layers[\'textanim\'].top=res;
- }
- else
- textanim.style.top=res;
- timer3=setTimeout(\'start()\',100);
- }
- else
- {
- msg=0;
- z=0;
- if (brows)
- document.layers[\'textanim\'].top=res;
- else
- textanim.style.top=res;
- timer3=setTimeout(\'start()\',2000);
- }
- }
- }
- </script>
- <div id=\"textanim\" onclick=\"breakf()\"
- style=\"left: 36; position: absolute; top: 60; width: 447; height: 19\"> </div>
- </body>
- </html>
- <br><br><br><br><br>
来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/29737856/viewspace-1371036/,如需转载,请注明出处,否则将追究法律责任。
转载于:http://blog.itpub.net/29737856/viewspace-1371036/
向上滚动的文字的淡入淡出效果相关推荐
- html实现新闻滚动效果,jQuery实现新闻播报滚动及淡入淡出效果示例
这篇文章主要介绍了jQuery实现新闻播报滚动及淡入淡出效果,结合实例形式分析了基于jQuery插件的页面元素动态变换相关操作技巧,需要的朋友可以参考下 本文实例讲述了jQuery实现新闻播报滚动及淡 ...
- C# 仿金山毒霸启动和关闭淡入淡出效果
C# 仿金山毒霸启动和关闭淡入淡出效果 原文 C# 仿金山毒霸启动和关闭淡入淡出效果 01 #region 窗体关闭效果 02 03 #region 私有方法 04 [DllImportAttri ...
- an怎么做淡入_Pr怎么给字幕、视频、音频做淡入淡出效果
用pr软件给视频或字幕或音频添加淡入淡出效果 92素材网小编推荐: 注意:视频和字幕文件的淡入淡出方法一致,为方便看各写了一种方法,两个方法可以通用 一.给视频添加淡入淡出效果 11.打开pr,在&q ...
- 今日份安利:音频淡入淡出效果如何制作?
淡入淡出是在影视音乐作品中,经常会使用到的一种处理技巧.它能够让渐渐引入音乐,又移除音乐,不会给人产生很突兀的感觉.小伙伴们在制作短视频的时候,也可以使用这种技巧,这能够让短视频产生不错的效果.那你们 ...
- 音频淡入淡出怎么设置?淡入淡出效果如何制作方法合集
不知道小伙伴们是否和我一样,喜欢用一首歌的高潮部分来作为手机铃声.如果在嘈杂的环境下,这个铃声听起来就不会觉得很大声,但如果在比较安静的环境下,就很容易被铃声吓到.所以为了防止这一情况的发生,我们可以 ...
- 004_淡入淡出效果
1. jQuery淡入淡出方法 1.1. 通过jQuery, 您可以实现元素的淡入淡出效果. 1.2. jQuery拥有下面四种fade方法: fadeIn().fadeOut().fadeToggl ...
- 淡入淡出效果 || 高亮显示案例
淡入淡出效果 <!DOCTYPE html> <html lang="en"><head><meta charset="UTF- ...
- JQuery:多张图片的淡入淡出效果。
我们要实现一个这样子的一个动画:多张图片在相同的位置淡入淡出,实现图片的轮流展示.具体实现的思路: 使用定时器setInterval方法,setInterval(<要调用的方法>,时间延时 ...
- 原生JS实现淡入淡出效果(fadeIn/fadeOut/fadeTo)
淡入淡出效果,在日常项目中经常用到,可惜原生JS没有类似的方法,而有时小的页面并不值得引入一个jQuery库,所以就自己写了一个,已封装, 有用得着的朋友, 可以直接使用. 代码中另附有一个设置元素透 ...
- html淡化效果,jQuery实现基本淡入淡出效果的方法详解
本文实例讲述了jQuery实现基本淡入淡出效果的方法.分享给大家供大家参考,具体如下: jQuery fadeIn()方法:用于淡入已隐藏的元素 jQuery fadeOut()方法:用于淡出可见的元 ...
最新文章
- 高校10余位博士抱着孩子参加授位仪式萌翻全场!科研人抱娃毕业成趋势?
- Lancet:支持奋战在疫情一线的中国科研技术工作者
- eclipse如何导出WAR包
- 41. First Missing Positive 缺失的第一个正数
- linux 启动程序-p,Linux应用程序开发笔记:配置linuxptp开机启动(ubuntu gPTP)
- 响应式布局方法的方法
- Ansible-playbook 学习
- 《Reids 设计与实现》第四章 整数集合和压缩列表
- Ubuntu中DenyHosts安装及配置
- 基于Android技术的物联网应用开发
- 刷 百度排名,百度(google)搜索提示下拉关联词的一个简易思路··
- ES工具--kibana
- linux var mqm权限,MQ7.5通道权限问题
- Java 战国大富翁,中国历史上二十大富豪 个个富可敌国
- linux 使用scp命令,scp命令详解(全)
- rails 调试工具pry 换掉debugger 和 rails c
- 2014年初款11寸MacBook Air安装Windows 7 64bit操作系统缺少USB3驱动键盘鼠标失效
- A Byte of Python3 学习笔记
- 故障:不能连接到共享打印机
- JavaScript高级(三)
热门文章
- 【钛媒体】社交网络广告怎么做才不让人反感?
- Hadoop集群之开启kerberos安全认证
- nginx静态图片路径映射
- matlab中muw,matlab – 获取属于凸包的点
- WASCE (基于geronimo ) 配置
- android端播放器框架,Android通用播放器解码框架Vitamio的介绍和使用
- mui实现分享功能_Hbuilder 云端打包app微信分享功能源码示例
- js 调用后台方法 ajax,JS直接调用C#后台方法(ajax调用)
- ORACLE解决表空间不释放空间
- 横向时间轴插件 html5,jQuery横向滚动时间轴插件