js图片自动切换代码

<!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3c.org/tr/1999/rec-html401-19991224/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>js图片自动切换代码</title>
<meta http-equiv=content-type content="text/html; charset=gb2312">
<meta content="mshtml 6.00.6000.17080" name=generator></head>
<body>
<link href="css教程/163css.css" type=text/css rel=stylesheet>
<script language=网页特效 src="js/163css.js"></script>

<script>
 fr.carousel.start({
  mode:2,
  bgcolor:'transparent',
  width:717,
  height:280,
  steps教程:1,
  period:25
 });
</script>

<div id=carousel>
 <div id=carouselimg>
  <div id=imgcontainer><a href="#" target=_blank><img src="images/band_lx_717x280.gif"></a> <a href="#" target=_blank><img src="images/band_agz_717x280.gif"></a> <a href="#" target=_blank><img src="images/band_qb_717x280.gif"></a>
  </div>
 </div>
 <div id=carouseltitle>
 <ul>
   <li><a href="#" target=_blank>联想 <span>lenovo</span></a> </li>
   <li><a href="#" target=_blank>爱国者 <span>aigo</span></a> </li>
   <li><a href="#" target=_blank>倩碧 <span>clinique</span></a> </li></ul>
 </div>
</div>
</body>
</html>

源码下载地址
http://down.111cn.net/down/code/js/jiaodiantu/2010/0831/20550.html

时间: 2024-10-27 16:30:30

js图片自动切换代码的相关文章

android-jsp 页面图片自动切换代码

问题描述 jsp 页面图片自动切换代码 要求: 1.支持跨浏览器(常用的几种),IE需要支持低版本(IE6-IE8): 2.支持手机浏览(苹果IOS和android系统): 3.图片数量及切换的窗口大小可以自己设置(不要多处修改): 4.图片从有到左滚动,鼠标放上面,图片停止滚动,点击图片可以跳转到指定页面. 可以用jquery,多页面可以调用(只需修改图片参数即可). 效果类似下面网页:http://www.bj969.com/news/201601.xml 测试好了再回答,谢谢. 解决方案

js图片自动切换效果处理代码_javascript技巧

复制代码 代码如下: <script language =javascript > var curIndex=0; //时间间隔 单位毫秒 var timeInterval=1000; var arr=new Array(); arr[0]="1.jpg"; arr[1]="2.jpg"; arr[2]="3.jpg"; arr[3]="4.jpg"; arr[4]="5.jpg"; arr[5

js图片自动播放代码

<script language='javascript'>  var npage = 1;  var totalpage = 1;  var namehand = '/meinv/200807/21-262';  var displaytype = 'st';  var gtimer = null;  //大图  function dPlayBig(){   var imgObj = document.getElementById("bigimg"+npage);   w

js鼠标点击按钮切换图片-图片自动切换-点击左右按钮切换特效代码_javascript技巧

今天来分享一下鼠标点击按钮,图片进行切换+图片自动切换+点击左右按钮图片进行切换的三种效果的组合代码. 最后的效果如下:     Html代码部分: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus"> <

JS实现自动切换文字的导航效果代码_javascript技巧

本文实例讲述了JS实现自动切换文字的导航效果代码.分享给大家供大家参考.具体如下: 这里介绍支持自动切换文字的导航菜单效果,实际上看上去并不像菜单,猛一看倒像是一个Select下拉框,两侧带有箭头控制按钮,点击左侧则向上切换菜单文字,点击右侧则切换到一个菜单项内容,也可自动切换,鼠标不点击的时候菜单会自动变化文字. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-auto-cha-font-nav-style-codes/ 具体代码如下:

js图片模糊切换显示特效的方法

 这篇文章主要介绍了js图片模糊切换显示特效的方法,涉及js操作图片特效的技巧,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了js图片模糊切换显示特效的方法.分享给大家供大家参考.具体实现方法如下:   代码如下: <html> <title>一款图片模糊切换显示效果</title> <body> <script language="JavaScript1.1"> <!-- var slidespee

JavaScript表单焦点自动切换代码_javascript技巧

废话不多说,关键代码如下所示: ---恢复内容开始--- <html> <head> <script> window.onload=function(){ var form=document.getElementsByTagName('form')[0]; var txt=form.elements['txt1']; var txt1=form.elements['txt2']; txt.onkeyup=function(){ if(this.value.length=

js图片模糊切换显示特效的方法_javascript技巧

本文实例讲述了js图片模糊切换显示特效的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <html> <title>一款图片模糊切换显示效果</title> <body> <script language="JavaScript1.1"> <!-- var slidespeed=3000 var slideimages=new Array("/images/m01.jpg",&q

js图片文字滚动代码

js图片文字滚动代码,本文章提供几款文字滚动的实例代码,大概原理是用js的时间来搞滑动效果哦. <script > var imgc = 1;//图片序列开始 var imgm = 5;//图片序列结束 var flag = 1;//标记鼠标移动 var tm;//定时器 //自动循环播放图片 function cgimg(){ if(flag==0)return; var mimg = document.getelementbyid("mimg"); mimg.src =