转载请注明出处 http://jjs-love.iteye.com
<html>
<head>
<SCRIPT>
var imgpath='<Element context="current" type="content" key="DisplayImage"/>';
var imgpath1='<Element context="current" type="content" key="DisplayImage1"/>';
var imgpath2='<Element context="current" type="content" key="DisplayImage2"/>';
var urlpath=imgpath.substring(0,imgpath.lastIndexOf("?")+12);
var urlpath1=imgpath1.substring(0,imgpath1.lastIndexOf("?")+12);
var urlpath2=imgpath2.substring(0,imgpath2.lastIndexOf("?")+12);
//var name=urlpath.substring(urlpath.lastIndexOf("/")+1,urlpath.length);
var imgname=urlpath.substring(urlpath.indexOf("=")+2,imgpath.length);
var imgname1=urlpath1.substring(urlpath1.indexOf("=")+2,imgpath1.length);
var imgname2=urlpath2.substring(urlpath2.indexOf("=")+2,imgpath2.length);
var imgUrl=new Array(); ///图片地址
var imgLink=new Array(); ///链接地址
var title = new Array(); ///标题
var ltype = new Array(); ///类型 1 图片新闻 2Flash 3流媒体
var adNum=0;
var theTimer;
var iCount = 3;
imgUrl[1]=imgname;
imgLink[1]="081001.htm";
title[1]="国庆节贺卡";
ltype[1] = 2;
imgUrl[2]=imgname1;
imgLink[2]="0712liuxiang.swf";
title[2]="热列祝贺刘翔打破世界记录！";
ltype[2] = 2;
imgUrl[3]=imgname2;
imgLink[3]="0712liuxiang.swf";
title[3]="打破世界记录！";
ltype[3] = 2;
</SCRIPT>
</head>
<body TEXT="Black" BGCOLOR="White" BACKGROUND="" LEFTMARGIN="0" RIGHTMARGIN="0" TOPMARGIN="0" BOTTOMMARGIN="0">
<IMG style="BORDER-LEFT-COLOR: black; FILTER: revealTrans(duration=2,transition=120); BORDER-BOTTOM-COLOR: black; COLOR: #000000; BORDER-TOP-COLOR: black; BORDER-RIGHT-COLOR: black"
height=150 src="" width=248 border=0
name="imgInit" id="imgInitId">
<DIV id="xhId"></DIV>
<DIV id="tiId"></DIV>
<script>
var imgInit=document.getElementById("imgInitId");
var xh=document.getElementById("xhId");
var ti=document.getElementById("tiId");
var imgPre=new Array();
var j=0;
for (i=1;i<=iCount;i++) {
if( (imgUrl[i]!="") && (imgLink[i]!="") ) {
j++;
} else {
break;
}
}
nextAd();
function playTran(){
if (document.all){
imgInit.filters[0].play();
}
}
function nextAd(){
if(adNum<j)adNum++ ;
else adNum=1;
if (document.all){
imgInit.filters[0].Transition=26;
imgInit.filters[0].apply();
}
imgInit.src=imgUrl[adNum];
var tablestring = "";
tablestring = "<table width=" + 16*iCount + " height=\"16\" border=\"0\" cellpadding=\"0\" cellspacing=\"1\" bgcolor=\"#003399\">";
tablestring += "<tr>";
tablestring += "<td bgcolor=\"#FFFFFF\">";
tablestring += "<table width=" + 16*iCount + " height=\"16\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr>";
for (i=1;i<=iCount;i++) {
if (i == adNum) {
tablestring += "<td height=\"16\" width=\"16\" bgcolor=\"#FFAA00\">";
tablestring += "<div align=\"center\" ><a href=\"javascript:;\" onclick=\"javascript:clearTimeout(theTimer);adNum=" + (i-1) + ";nextAd();\">" + i + "</a></div></td>";
}
else{
tablestring += "<td height=\"16\" width=\"16\" bgcolor=\"#FFFFFF\">";
tablestring += "<div align=\"center\"><a href=\"javascript:;\" onclick=\"javascript:clearTimeout(theTimer);adNum=" + (i-1) + ";nextAd();\">" + i + "</a></div></td>";
}
if (i!=iCount) {
tablestring += "<td width=\"1\" ></td>";
}
}
tablestring += "</tr></table>";
tablestring += "</td>";
tablestring += "</tr>";
tablestring += "</table>";
xh.innerHTML = tablestring;
ti.innerHTML = "<IMG SRC=\"dog2.jpg\" WIDTH=\"9\" HEIGHT=\"9\"> <a target=\"_blank\" href=\"" + imgLink[adNum] + "\">" + title[adNum] + "</a> <img WIDTH=\"13\" HEIGHT=\"13\" src=\"./" + ltype[adNum] + ".gif\" border=\"0\">";
playTran();
theTimer=window.setTimeout("nextAd()", 6000);
}
function goUrl(){
jumpUrl=imgLink[adNum];
jumpTarget='_blank';
if (jumpUrl != ''){
if (jumpTarget != '')
window.open(jumpUrl,jumpTarget);
else
location.href=jumpUrl;
}
}
</script>
<Element context="current" type="content" key="DisplayImage"/>
</body>
</html>
分享到：
相关推荐
在图像处理领域，翻转图片效果是一种常见的操作，可以用于创建镜像效果或者进行视觉上的对比。本主题将深入探讨“图片效果-翻转图片效果”，包括它的原理、实现方式以及在不同场景中的应用。 首先，我们要理解翻转...
本资源包"九种图片效果"聚焦于图片特效的实现，这对于我们理解和掌握图像处理技术大有裨益。下面，我们将深入探讨这些图片效果的原理、应用及其在编程中的实现。 首先，我们要理解图片效果的基本概念。图片效果通常...
【标题】"仿新浪图片效果"所涉及的知识点主要集中在前端网页开发中，特别是图片展示和交互效果的设计。这种效果通常需要结合HTML、CSS以及JavaScript技术来实现。 首先，HTML（HyperText Markup Language）是网页...
before-after左右拖拽分隔条对比图片效果，图片中间有个拖动条，拖动左右滑动，可看到图片不一样的效果，女模特的脸变嫩了，呵呵，其实是用了两张背景图片实现的，这就需要jquery.beforeafter.js插件了，拖动时候的...
【VB 电子相册 图片效果显示 自动播放】是一个基于Visual Basic（VB）开发的程序，用于创建具有多种动态图片展示效果的电子相册。这个项目的核心是通过编程实现图片的自动循环播放，为用户提供视觉上的丰富体验。在...
"上下切换图片效果"是一种常见的交互设计方式，它在很多应用场景中都能看到，如相册浏览、产品展示、轮播广告等。这种效果允许用户通过简单的手势或点击来上下滚动查看图片，提供了一种直观且流畅的浏览体验。 首先...
本文将详细探讨如何利用这两者结合来实现超炫的图片效果。 首先，JavaScript是一种广泛应用于客户端的脚本语言，它能够使网页具有动态特性，如响应用户操作、更新内容等。在图片效果的实现上，JavaScript可以用于...
《图片效果转换技术详解》 在信息技术领域，图片效果转换是一项重要的图像处理技术，它涉及到图像的色彩调整、滤镜应用、图像增强等多个方面。在这个名为"图片效果转换.rar"的压缩包中，包含了一份易语言编写的图片...
"7种CSS3鼠标hover图片效果.zip"是一个资源包，它包含了七种不同的CSS3技术实现的鼠标hover时图片变换效果。这些效果可以通过引入名为“magic.css”的样式表来实现，让网站的用户体验更加生动有趣。 首先，让我们...
在网页设计中，为了提升用户体验，常常会使用JavaScript来实现各种动态效果，其中包括“JS缓放图片效果”和“js导航效果”。这两种效果都是为了让页面交互更加流畅和吸引人。 首先，我们来看“JS缓放图片效果”。这...
在本文中，我们将深入探讨如何在Flash中实现拖动图片效果以及条状遮罩过渡这一技术。Flash是一款经典的动画和交互式内容开发工具，广泛应用于网页设计、游戏制作和多媒体项目。通过使用ActionScript，我们可以为...
总的来说，"图片滚动+图片切换+鼠标点击切换图片效果JS代码实例"是一个综合性的JavaScript实践项目，它涵盖了网页动态效果实现的多个方面，对于想要提升前端开发技能的初学者或开发者来说，这是一个很好的学习资源。...
本主题聚焦于"jQuery绚丽的图片效果"，它旨在为网页中的图片添加动态和吸引人的展示方式，提升用户体验。以下将详细介绍如何利用jQuery实现这些效果。 1. **图片轮播（Slideshow）** - jQuery可以轻松创建图片轮播...
在本主题中，我们将探讨“非常炫的JavaScript图片效果”，这是一个关于利用JavaScript实现的各种吸引人的图片展示特效的集合。 首先，让我们了解JavaScript在处理图片上的基本应用。JavaScript可以用来改变图片源...
在这个“javascript精美图片效果代码”资源中，包含的三十多个效果无疑展示了JavaScript在处理图像和视觉展示方面的灵活性和创造力。下面将详细讲解这些知识点。 1. 图片轮播（Image Carousel）：这是一种常见的...
在IT行业中，轮换图片效果通常指的是在一个特定的区域内，多张图片按照一定的顺序和时间间隔自动切换，以此实现动态展示的效果。这种效果在网站设计、应用开发、广告展示等领域非常常见，能增加视觉吸引力并提供丰富...
【jQuery全屏图片效果】是一种常见的网页设计技术，利用JavaScript库jQuery实现图片在浏览器中以全屏模式展示，为用户提供沉浸式的视觉体验。在网页设计中，全屏背景图片能够吸引用户注意力，提升网站的整体美学。这...
这个压缩包中包含的"超酷JS图片效果"系列文件，显然是一个集合了多种JavaScript实现的图像特效教程或示例，对于学习JavaScript和网页美工设计的人来说是极好的学习素材。 首先，让我们逐一解析这些文件名，以了解...
标题中的“flash焦点图片切换3D flash动画图片效果带左右按钮控制”指的是一个基于Adobe Flash技术的图片展示组件。这个组件特别设计用于网页中，它能够实现一种动态、吸引人的图片展示方式，使得用户可以方便地浏览...
标题中的“三维图片效果js实现可以看详细”指的是利用JavaScript技术来创建具有三维视觉效果的图片展示。在网页设计和开发中，JavaScript是一种强大的客户端脚本语言，它允许开发者为网页添加交互性和动态功能。在这...