教程集 > 脚本编程 > javascript > 正文支付宝首页文字滚动效果

支付宝首页文字滚动效果

发布时间：2023-04-29 编辑：jiaochengji.com

教程集为您提供支付宝首页文字滚动效果等资源，欢迎您收藏本站，我们将为您提供最新的支付宝首页文字滚动效果资源

提示：您可以先修改部分代码再运行

<style>    BODY {  	FONT-SIZE: 12px;  MARGIN: 50px; TEXT-ALIGN: center  }  IMG {  	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px  }  #news {  	CLEAR: both; BACKGROUND: url(images/news_bg.gif); WIDTH: 672px; COLOR: #fff; HEIGHT: 26px  }  #news UL {  	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; LINE-HEIGHT: 26px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; HEIGHT: 26px  }  #news UL LI {  	MARGIN: 0px 0px 0px 1em  }  #news UL LI.active {  	DISPLAY: block  }  #news SPAN {  	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 0.75em; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0.75em 0px 0px; PADDING-TOP: 0px  }  #news UL A {  	COLOR: #fff; TEXT-DECORATION: none  }  #news UL A:hover {  	TEXT-DECORATION: underline  }  #news OL {  	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: -19px 8px 0px 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none  }  #news OL LI {  	DISPLAY: inline; MARGIN: 0px 0px 0px 3px  }  #news OL LI A {  	BACKGROUND: url(images/switcher.gif) 0px -10px  }  #news OL LI A:hover {  	BACKGROUND: url(images/switcher.gif) 0px 10px  }  #news OL LI A.active {  	BACKGROUND: url(images/switcher.gif) 0px 0px  }  #news OL LI A.active:hover {  	BACKGROUND: url(images/switcher.gif) 0px 0px  }  </style>      <div id=news>  <ul>    <li><span>2008-05-16</span>阿里巴巴集团集全社会之力，捐款筹款2000多万赈灾     <li><span>2008-05-04</span>首届信任支付十大网商颁奖大会，邀您参加     <li><span>2008-04-09</span>工行出具支付宝2008年3月资金托管报告     <li><span>2008-03-20</span>阿里巴巴公布2007年业绩 全年营业收入及净利润显著增长     <li><span>2008-03-20</span>阿里巴巴上市不到半年即入选五项恒指系列 </li></ul>  <ol>    <li><img src="">    <li><img src="">    <li><img src="">    <li><img src="">    <li><img src=""></li></ol></div>  <script src="images/<a href="http://www.jiaochengji.com/
" target="_blank" class="inner-link">jquery</a>.js" type=text/javascript></script>  <script>  /* promotion */  function changeImg(){  var character=document.getElementById("character");  var slogan=document.getElementById("slogan");  }  if(window.attachEvent)  {  window.attachEvent("onload",changeImg);  }  else  {  window.addEventListener("load",changeImg,false);  }  /* news */  var sl_i=6;  $("#news ul li").hide();  $("#news ul li").eq(0).show();  var sI=setInterval("sl()",5000);  function sl(sl_q){  if(sI)  {    clearInterval(sI);  }  sI=setInterval("sl()",5000);  if (sl_q==null)  {  /*  alert('undefined');  */  sl_j=sl_i%5;  /*  sl_i=sl_q 6;  sl_j=sl_i%5;  */  }  else{  /*  alert(sl_q);  */  sl_i=sl_q 6;  sl_j=sl_i%5;  /*  sl_j=sl_i%5;  */  }  $("#news ul li").hide();  $("#news ul li").eq(sl_j).show("slow");  $("#news ol li a").removeClass("active");  $("#news ol li a").eq(sl_j).addClass("active");  sl_i  ;  }  /*sI=setInterval("sl()",5000);*/  /*  $("#news ol li a").click(function(){  window.clearInterval(sI);  sl(this.rel);  });  */  </script>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
支付宝开发中return_url和notify_url的区别介绍
 支付宝数字证书在哪删除? 支付宝数字证书卸载教程
 解决支付宝安全控件安装后还提示安装办法
 手机支付宝刷脸登陆正确的拍摄脸部照片方法
 淘宝支付无法使用信用卡什么原因，怎么办?
Laravel使用支付宝进行支付开发实例
 django订单模块怎么实现
 jQuery滚动效果插件 jQuery.SerialScroll
OpenCart 开发支付宝，财付通，微信支付参数错误问题
 PHP实现支付宝支付的方法

上一篇：简单js弹出菜单下一篇：文字上下滚动代码

[关闭]

最近更新

浏览排行

~ ~