教程集 > 脚本编程 > javascript > 正文 js 图片切换效果

js 图片切换效果

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

教程集为您提供js 图片切换效果等资源，欢迎您收藏本站，我们将为您提供最新的js 图片切换效果资源

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

js 图片切换效果  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml">  <head>  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  <title>js 图片切换效果</title>  <style type="text/css">  img {border:0;}  .bannerImage{position:relative;width:452px;height:346px;margin-left:200px;margin-top:20px;border:1px solid #f60;overflow:hidden;}   .bannerImage p	{font-size:0;height:346px;left:0px;position:absolute;}  .bannerImage p a{display:block;float:left;}  .bannerImage span	{ position:absolute; right:10px;bottom:10px; z-index:100;display:none;}  .bannerImage span a { text-decoration:none; margin-left:5px; display:block;border:1px solid #f60; text-align:center;width:14px; height:16px; background-color:#fff;color:#000; float:left; font-size:12px; background-color:#999;cursor:pointer;}  .bannerImage span a:hover { background-color:#eee;}  .bannerImage span a.cur	{background-color:#eee;}  </style>  <script type="text/javascript" src="http://<a href="http://www.jiaochengji.com/
" target="_blank" class="inner-link">jquery</a>js.googlecode.com/files/jquery-1.3.2.min.js"></script>  <script type="text/javascript">  jQuery.fn.flash = function(stopTime,moveTime){  	var stopTime = (stopTime==undefined?4000:stopTime);  	var moveTime = (moveTime==undefined?80:moveTime);  	var container = $(this);  	var p = container.find("p");  	var imgs = container.find("p a img");  	var imgsName = container.find("input[type='hidden']").val().split(",");  	var len = imgsName.length;  	var arr_temp = new Array();//动态生成数字部分<span><img alt="js 图片切换效果"  src=""/>  		<img  alt="js 图片切换效果"  src=""/>  		<img  alt="js 图片切换效果"  src=""/>  		<img  alt="js 图片切换效果"  src=""/>  	</p>    </div>  </body>  </html>

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

您可能感兴趣的文章：
jQuery图片效果切换 Adipoli
40个有创意的jQuery图片、内容滑动及弹出插件收藏集之一
 jquery图片自动切换插件和实例
 jquery【插件】图片切换轮播等
 jquery幻灯片特效banner切换实例
 40个有创意的jQuery图片和内容滑动及弹出插件收藏集之二
 40个有创意的jQuery图片和内容滑动及弹出插件收藏集之三
 jQuery图片幻灯手风琴效果插件 Slidorion
jQuery相册展示插件 Supersized
15个jQuery和CSS3页面切换动画效果

上一篇：隐去浏览器中当鼠标移到图片上跳出的工具栏下一篇：js图片切换效果代码

[关闭]

js 图片切换效果

最近更新

浏览排行