滚动轮播网页特效（jquery里面，或者HTML，HTML5，C#里面如何实现下图的图片效果滑动轮播类似的 DW里面添加代码也行）

本文目录

• jquery里面，或者HTML，HTML5，C#里面如何实现下图的图片效果滑动轮播类似的 DW里面添加代码也行
• 怎么用javascript做网站做出图片滚动循环的效果
• 请问如何用AE做这种网页滚动效果
• axure网页滚动动画效果怎么做

jquery里面，或者HTML，HTML5，C#里面如何实现下图的图片效果滑动轮播类似的 DW里面添加代码也行

; (function ($) {/* var i = 2;$(document).ready(function () {var arry = + “)“);i++;if (i == 5) {i = 0;}}, 5000);}); 定时换背景图片的代码 */ //下面是图片切换代码/*var t;var speed = 2; //图片切换速度var nowlan = 0; //图片开始时间function changepic() {var imglen = $(“#div_pic“).find(“li“).length;$(“#div_pic“).find(“li“).hide();$(“#div_pic“).find(“li“).eq(nowlan).show();nowlan = nowlan + 1 == imglen ? 0 : nowlan + 1;t = setTimeout(“changepic()“, speed * 1000);}onload = function () { changepic(); }$(document).ready(function () //鼠标在图片上悬停让切换暂停$(“#div_pic“).hover(function () { clearInterval(t); });//鼠标离开图片切换继续$(“#div_pic“).mouseleave(function () { changepic(); });});*///下面是图片轮播代码/* var num = 0$(function(){$(“#div_pic ol li“).mouseover(function(e){$(this).attr(“class“,“current“);$(this).siblings().attr(“class“,““); //兄弟节点的class属性设置为空//alert($(’ul’).index())num = $(’ul’).index() + 2var index = $(this).index(); //记录选定的li标签在ul中的索引//图片会出现层叠现象为了显示当前的图片，把当前的图片的z-index 值设置为大于其他的兄弟元素$(“#div_pic ul li“).eq(index).css({“left“:“650px“,“zIndex“:num})$(“#div_pic ul li“).eq(index).siblings().css(“zIndex“,num-1);//动画效果，图片从右侧飞入$(“#div_pic ul li“).eq(index).animate({left:“0“},500) }); }); *///下面是可配置轮播动画代码$.fn.slide=function(options){var defaults= {affect:1, //1：上下滚动; 2:幕布式; 3:左右滚动；4：淡入淡出time: 5000, //间隔时间speed:500, //动画快慢dot_text:true,//按钮上有无序列号};var opts=$.extend(defaults,options);var $this=$(this);var ool=$(“《div class=’dot’》《p》《/p》《/div》“);var $box=$this.find(“ul“);var $li=$box.find(“li“);var timer=null;var num=0;$this.append(ool);$box.find(“li“).each(function(i){ool.find(“p“).append($(“《b》《/b》“));if(opts.dot_text){ool.find(“b“).eq(i).html(i+1)}})ool.find(“b“).eq(0).addClass(“cur“);switch(opts.affect){case 1:break;case 2:$box.find(“li“).css(“display“,“none“);break;case 3:$box.css({“width“:$li.eq(0).width()*$li.length});$li.css(“float“,“left“);break;case 4:$box.find(“li“).css(“display“,“none“);break;}$box.find(“li“).eq(0).show(0);ool.find(“b“).mouseover(function(){num=$(this).index();run ();})timer=setInterval(auto,opts.time);function auto(){num《$box.find(“li“).length-1?num++:num=0;run();}function run(){ool.find(“b“).eq(num).addClass(“cur“).siblings().removeClass(“cur“);switch(opts.affect){case 1:$box.stop(true,false).animate({“top“:-240*num},opts.speed);break;case 2:$box.find(“li“).css({“position“:“absolute“});$box.find(“li“).stop(false,true).fadeOut(opts.speed).eq(num).slideDown(opts.speed);break;case 3:$box.stop(true,false).animate({“left“:-670*num},opts.speed);break;case 4:$box.find(“li“).css({“position“:“absolute“});$box.find(“li“).stop(false,true).fadeOut(opts.speed).eq(num).fadeIn(opts.speed);break;}}$this.mouseover(function(){clearInterval(timer);})$this.mouseout(function(){timer=setInterval(auto,opts.time);})}}(jQuery));

怎么用javascript做网站做出图片滚动循环的效果

这个，是我自己做了个：《!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》替代Marquee滚动效果《/title》 《style type=“text/css“》 .Mar { margin:8px auto; background: #FFF; overflow: hidden; border: 1px dashed #CCC; width: 800px; /*页面滚动需要显示的宽度*/ } .Mar img { border: 3px solid #F2F2F2; width: 124px; height: 93px; } .inMar { float: left; width: 3500px; /*能在一行放下所有滚动的图片的总宽度*2 像素值或者百分比*/ } 《/style》《/head》《body》 《div id=“Mar“ class=“Mar“》 《div id=“inMar“ class=“inMar“》 《div id=“Mar1“ style=“float:left;“》 《table border=“0“ cellspacing=“0“ cellpadding=“0“》 《tr》 《td》《img src=“img/c (1).jpg“/》《br /》轿车：1《/td》 《td》《img src=“img/c (2).jpg“/》《br /》轿车：2《/td》 《td》《img src=“img/c (3).jpg“/》《br /》轿车：3《/td》 《td》《img src=“img/c (4).jpg“/》《br /》轿车：4《/td》 《td》《img src=“img/c (5).jpg“/》《br /》轿车：5《/td》 《td》《img src=“img/c (6).jpg“/》《br /》轿车：6《/td》 《td》《img src=“img/c (7).jpg“/》《br /》轿车：7《/td》 《td》《img src=“img/c (8).jpg“/》《br /》轿车：8《/td》 《td》《img src=“img/c (9).jpg“/》《br /》轿车：9《/td》 《td》《img src=“img/c (10).jpg“/》《br /》轿车：10《/td》 《td》《img src=“img/c (11).jpg“/》《br /》轿车：11《/td》 《td》《img src=“img/c (12).jpg“/》《br /》轿车：12《/td》 《/tr》 《/table》《/div》 《div id=“Mar2“ style=“float:left;“》 《/div》 《/div》 《/div》 《script language=“javascript“ type=“text/javascript“》 var speed = 12; //数字越小速度越快 var step = 2;//步进 var nImgWidth = 130; var div = document.getElementById(“Mar“); var div1 = document.getElementById(“Mar1“); var div2 = document.getElementById(“Mar2“); div2.innerHTML = div1.innerHTML; function Marquee() { //向右滚动 //if (div.scrollLeft 《= 0) //div.scrollLeft += div2.offsetWidth //else { //div.scrollLeft-- //} //向左滚动 if(div.scrollLeft%nImgWidth == 0) {//每一张图片就停留,如果要连续就去掉这点代码 div.scrollLeft += step; step = 0; window.setTimeout(“set(2)“, 2000); } if (div2.offsetWidth - div.scrollLeft 《= 0) div.scrollLeft -= div1.offsetWidth else { div.scrollLeft += step; } } var MyMarquee = setInterval(Marquee, speed); div.onmouseover = function() { clearInterval(MyMarquee) }; div.onmouseout = function() { MyMarquee = setInterval(Marquee, speed) }; function set(i) { i = parseInt(i); step = i; } 《/script》《/body》《/html》

请问如何用AE做这种网页滚动效果

你可以先去【绘学霸】网站找“C4D/AE/影视后期包装”板块的【免费】视频教程-【点击进入】完整入门到精通视频教程列表： www.huixueba.net/web/AppWebClient/AllCourseAndResourcePage?type=1&tagid=314&zdhhr-11y04r-745955500352274292 想要系统的学习可以考虑报一个网络直播课，推荐CGWANG的网络课。老师讲得细，上完还可以回看，还有同类型录播课可以免费学（赠送终身VIP）。自制能力相对较弱的话，建议还是去好点的培训机构，实力和规模在国内排名前几的大机构，推荐行业龙头：王氏教育。 王氏教育全国直营校区面授课程试听【复制后面链接在浏览器也可打开】： www.cgwang.com/course/ysbzcoursemobilecheck/?zdhhr-11y04r-745955500352274292 在“C4D/AE/影视后期包装”领域的培训机构里，【王氏教育】是国内的老大，且没有加盟分校，都是总部直营的连锁校区。跟很多其它同类型大机构不一样的是：王氏教育每个校区都是实体面授，老师是手把手教，而且有专门的班主任从早盯到晚，爆肝式的学习模式，提升会很快，特别适合基础差的学生。大家可以先把【绘学霸】APP下载到自己手机，方便碎片时间学习——绘学霸APP下载： www.huixueba.com.cn/Scripts/download.html

axure网页滚动动画效果怎么做

1、元件库拖入一个动态面板。2、动态面板设置状态，每个状态中添加一张图片，这里以三张图片轮播为例。3、动态面板设置交互动作载入时选择设置动态面板状态，选择要设置的动态面板，选择状态NEXT，循环，循环间隔2000毫秒，进入时动画（向右滑动），退出时动画（向右滑动），设置用时2000毫秒。