`
wfdoublext
  • 浏览: 130417 次
  • 性别: Icon_minigender_1
  • 来自: 青岛
社区版块
存档分类
最新评论

js幻灯片

阅读更多

http://www.cnzzz.cn/jscode/

素材站

 

 

 

 

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="Copyright" content="ヨミケ晥セウ、 http://www.cnzzz.cn/" />
<meta name="description" content="ヨミケ晥セウ、ホェト擎盪ゥDIV+CSSスフウフ ヒムヒナサッヨクオシ モッタ軏゚サョ スィユセセュム鮃ヨマ・ヘウナ菲ォシシヌノ ウ」モテエ惲・「ヒョセァヘシア遙「セォニキネ晴マツヤリ cssソ瞰セセロコマ" />
<meta content="ヨミケ晥セウ、" name="keywords" />
<title>ヨミケ晥セウ、</title>
</head>

<body>
<table width="300" height="300" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#f4f4f4">
  <tr>
    <td><script language=JavaScript>
var elady_step=3; //1:small, 3:middle, 5:big
var elady_speed=50; //20:fast, 50:middle, 80:slow
var e_tp=new Array();
var e_tplink=new Array();
var adNum_elady1=0; 
var elady_stop_sh=0;
var elady_star_sh=1;

function elady1_moveImg(){
if ((!document.all&&!document.getElementById)||(elady_stop_sh==0)) return;
if (elady_star_sh==1){
 document.all.elady1_divimg.style.pixelTop=parseInt(document.all.elady1_divimg.style.pixelTop)+elady_step;}
else if (elady_star_sh==2){
 document.all.elady1_divimg.style.pixelLeft=parseInt(document.all.elady1_divimg.style.pixelLeft)+elady_step;}
else if (elady_star_sh==3){
 document.all.elady1_divimg.style.pixelTop=parseInt(document.all.elady1_divimg.style.pixelTop)-elady_step;}
else{
 document.all.elady1_divimg.style.pixelLeft=parseInt(document.all.elady1_divimg.style.pixelLeft)-elady_step;}
if (elady_star_sh<4) elady_star_sh++;
else elady_star_sh=1;
setTimeout("elady1_moveImg()",elady_speed);}

e_tplink[0]="http://www.cnzzz.cn/";
e_tp[0]="images/01.jpg";

e_tplink[1]="http://www.cnzzz.cn/";
e_tp[1]="images/02.jpg";

e_tplink[2]="http://www.cnzzz.cn/";
e_tp[2]="images/03.jpg";

e_tplink[3]="http://www.cnzzz.cn/";
e_tp[3]="images/04.jpg";
var currentimage=new Array();  
for (i=0;i<=3;i++){currentimage[i]=new Image();
      currentimage[i].src=e_tp[i];
         }
         function elady1_set(){   if (document.all)
         {      e_tprotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);
               e_tprotator.filters.revealTrans.apply();   }
               }
               function elady1_playCo()
               {   if (document.all)      e_tprotator.filters.revealTrans.play()
               }function elady1_nextAd(){   if(adNum_elady1<e_tp.length-1)adNum_elady1++ ;
                     else adNum_elady1=0;
                        elady1_set();
                           document.images.e_tprotator.src=e_tp[adNum_elady1];
                              elady1_playCo();
                                 theTimer=setTimeout("elady1_nextAd()", 4000);}
                                 function elady1_linkurl(){   jumpUrl=e_tplink[adNum_elady1];
                                    jumpTarget='_blank';
                                       if (jumpUrl != ''){      if (jumpTarget != '')window.open(jumpUrl,jumpTarget);
                                             else location.href=jumpUrl;
                                                }}
function elady1_listMsg()
{   status=e_tplink[adNum_elady1];
document.returnValue = true;}
document.write("<div id='elady1_divimg' style='position:relative'>");
document.write('<a onMouseOver="elady1_listMsg();return document.returnValue" href="javascript:elady1_linkurl()" target="_self">');
document.write('<img style="FILTER: revealTrans(duration=2,transition=20)" height=300 src="javascript:elady1_nextAd()" width=300 border=0 name=e_tprotator ></a>');
document.write("</div>");
    </script></td>
  </tr>
</table>
</body>
</html>

分享到:
评论

相关推荐

    js幻灯片效果

    总结,JavaScript幻灯片效果的核心在于通过JavaScript控制幻灯片的显示与隐藏,结合CSS实现过渡动画。通过不断学习和实践,你可以创建出更多个性化和交互性强的幻灯片展示,提升网站的用户体验。

    js幻灯片左右上下滚动

    JavaScript幻灯片是一种常见的网页元素,用于展示一系列图像或内容,通常以自动或用户交互的方式在页面上滑动切换。这种效果可以增加网站的视觉吸引力,同时也可以有效地展示大量信息而不占据过多空间。"js幻灯片 ...

    JS幻灯片源代码

    本资源提供的"JS幻灯片源代码"是一个利用JavaScript实现的幻灯片展示系统,适用于网站中产品展示、图片轮播或信息滑动效果。 首先,`readme.htm`通常是项目中的说明文档,它可能包含了如何使用这个幻灯片源代码的...

    网站首页js幻灯片代码.rar

    本压缩包“网站首页js幻灯片代码.rar”提供了一套完整的JavaScript幻灯片解决方案,适用于增强用户体验,使网页内容更加生动活泼。 在网页设计中,JavaScript是一种强大的客户端脚本语言,它可以实现在不刷新整个...

    很好的JS幻灯片功能

    JavaScript幻灯片是一种常见的网页动态效果,用于展示一系列图片、文本或其他内容,通常在网站的首页或产品展示区域被广泛使用。它通过JavaScript库或框架实现,为用户提供了一种交互式的浏览体验,允许用户手动切换...

    javascript 幻灯片

    在JavaScript幻灯片中,通常会通过JavaScript脚本来控制这些图片的显示和切换。 `js`目录下的JavaScript文件是实现幻灯片功能的核心。它们可能包含了幻灯片的逻辑代码,如定时器实现自动播放、事件监听处理用户交互...

    15个js幻灯片和flash幻灯片效果

    在本资源中,虽然没有明确的Flash文件,但"js广告 幻灯片 flash广告"这一标签表明这些JavaScript幻灯片可能受到了Flash的启发,具有类似的动态效果。比如,它们可能包含平滑的过渡效果、自定义动画和声音效果,以...

    js幻灯片切换

    在本案例中,"js幻灯片切换"是一个使用JavaScript编写的插件,用于实现网页上的图片或内容幻灯片效果,即自动滚动或切换缩略图展示。这种效果常见于网站的首页,可以吸引用户的注意力,展示多份信息而无需占据大量...

    浮按钮的js幻灯片.rar_balancei75_浮按钮的js幻灯片

    综上所述,这个压缩包提供的是一种结合了浮按钮控制和缩略图预览的JavaScript幻灯片解决方案,涉及到了前端开发的多个核心技术和最佳实践。开发者可以研究 "jiaoben42" 文件来学习如何实现这样的功能,或者直接将其...

    不错的js幻灯片效果

    "不错的js幻灯片效果"是一个使用JavaScript技术实现的图片轮播组件,它允许网页上的图片以平滑、有吸引力的方式自动或手动切换,类似于早期Flash的动画效果,但无需Flash插件,对设备和浏览器的兼容性更好。...

    jQuery+swiper.js幻灯片图片视差滚动轮播特效

    总的来说,"jQuery + Swiper.js 幻灯片图片视差滚动轮播特效"结合了两种强大的工具,通过精心设计的HTML、CSS和JavaScript代码,创造出引人入胜的交互体验,是现代网页设计中常见的亮点之一。掌握这种技术,将有助于...

    javascript幻灯片

    javascript幻灯片 javascript幻灯片

    js幻灯片轮播代码

    这个"js幻灯片轮播代码"资源可能是包含了实现上述功能的示例代码,对于初学者来说,通过学习和理解这些代码,可以提升对jQuery和幻灯片轮播实现的理解。在实际项目中,可以根据具体需求进行修改和扩展,以满足不同的...

    js原生幻灯片

    通过以上步骤,我们可以构建一个功能完备且具有良好用户体验的纯JavaScript幻灯片组件。这种组件的灵活性很高,可以根据项目需求进行定制,同时也能提高页面加载速度,因为不依赖额外的JavaScript库。然而,对于大型...

    JS图片展示案例-JS幻灯片效果源码

    本案例中提到的"JS图片展示案例"和"JS幻灯片效果源码",就是利用JavaScript实现的一种常见网页元素——幻灯片展示,它能够使多张图片以滑动或切换的形式呈现,为用户提供更丰富的浏览体验。 首先,幻灯片效果通常...

    一个不错的JS幻灯片网页特效

    在网页设计中,JavaScript(JS)常常被用来创建动态、交互性强的用户体验,其中幻灯片效果就是一个典型的例子。"一个不错的JS幻灯片网页特效"这个标题表明我们将探讨一种利用JavaScript实现的幻灯片展示功能,它能够...

    几种好看的幻灯片JS效果

    本文将深入探讨几种好看的JS幻灯片效果,并提供相关实现思路。 1. **缩略图显示**: 缩略图幻灯片效果允许用户通过预览小图选择要查看的大图。这种效果通常包括一个主幻灯片区域和一个展示所有幻灯片缩略图的侧...

    国外js幻灯片代码.zip

    【标题】"国外js幻灯片代码.zip"指的是一个包含外国开发者编写的JavaScript幻灯片展示代码的压缩文件。这个文件可能是一个集合,里面包含了多种使用HTML5、jQuery、前端技术和CSS来创建动态幻灯片效果的源码示例。 ...

    很适用的JS幻灯片

    在网页设计中,JS幻灯片是一种常见的交互元素,用于展示图片、文本或其它内容的动态切换效果,提升用户体验。本资源“很适用的JS幻灯片”显然提供了实现这种效果的代码或库。 幻灯片在网页设计中的应用广泛,它通常...

Global site tag (gtag.js) - Google Analytics