文字幻灯片

2024-11-29 22:16:11

<!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>
<title>51du.cn-代码演示专用页面</title>
<style type="text/css">
.trans {filter:revealTrans(Transition=12,Duration=2)}
</style>
</head>
<body>
<script language="JavaScript">
Text = new Array(
"<a href='http://www.51du.cn' target='_blank' class='cr4'>班级留言“说”出口，校友录开通语音留言服务</a>",
"<a href='http://www.51du.cn' class='cr4'>星级会员新体验,享受无广告的清新校友录</a>",
"<a href='http://www.51du.cn' target='_blank' class='cr4'>星级会员免费多彩留言,表情,贴图,个性无限...</a>",
"<a href='http://www.51du.cn' target='_blank' class='cr4'>星级会员免费留言下载,导出更多昔日记忆</a>",
"<a href='http://www.51du.cn' target='_blank' class='cr4'>在5千万用户中脱颖而出,我是星级会员</a>"
)
var IDX= -1;
function playAd() {
if (IDX==Text.length-1) {
  IDX=0;
} else {
  IDX++;
}
var prefix = "";
divText.filters[0].apply();
divText.innerHTML = prefix + Text[IDX];
divText.filters[0].play();
to = setTimeout("playAd()",6000);
}
</script>
<table width=453 border=0 cellspacing=3 cellpadding=0>
          <tr bgcolor=CCF4B9>
            <td height=24 bgcolor=CCF4B9 id=divText class=trans></td>
          </tr>
   <script>playAd()</script>
</table>
</body>
</html>

文字幻灯片

<!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><title>51du.cn-代码演示专用页面</tit
jQuery幻灯片带缩略图轮播效果代码分享

这是一款基于jquery实现的底部带缩略图的幻灯片切换特效代码,幻灯片可以点击下方的缩略图切换,用户还可以自定义对应幻灯片的标题与文字说明,是一款非常实用的幻灯片特效源码. 为大家分享的jQuery幻灯片带缩略图轮播代码如下 <html> <head> <title>带缩略图的jQuery幻灯片轮播效果</title> <link href="css/css.css" rel="stylesheet" type=
Jquery幻灯片特效代码分享--鼠标点击按钮时切换（1）

本文实例讲述了jQuery实现时尚漂亮的幻灯片特效,基本能满足你在网页上使用幻灯片(焦点图)效果.分享给大家供大家参考.具体如下: 幻灯片效果描述:用鼠标点击右下角数字按钮幻灯片进行左右切换进行切换. 运行效果截图如下: 具体实现代码: <head> <title>Jquery幻灯片焦点图插件</title> <script src="js/jquery-1.4a2.min.js" type="text/javascript&qu
使用 JavaScript 创建可维护的幻灯片效果代码第1/3页

第一步:分析问题(Analizing the problem) 创建一个好的脚本,第一步应该是去分析哪些是你要完成的:我们想要创建一个照片的幻灯片效果,并且我们想要保持维护的方便. 如何创建一个幻灯片效果在一个网站上拥有幻灯片有几种方法: 在文档中包含所有的图片. 当他运行在无 JavaScript 状态,这是一个安全的选择.而且,当页面被载完,所有的图片也会将被载完.然而,这个方式只适用于少量的图片. 在文档中包含第一张图片,并且有一个创建幻灯片功能的服务器端脚本. 这也是相当安全的,但
js淡入淡出焦点图幻灯片效果代码分享

本文实例讲述了javascript淡入淡出焦点图幻灯片效果.分享给大家供大家参考.具体如下: 这是一款基于javascript实现的淡入淡出焦点图幻灯片效果代码,可以自定义标题,实现过程很简单. 运行效果图:-------------------查看效果下载源码------------------- 小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式. 为大家分享的js淡入淡出焦点图幻灯片效果代码如下 <head> <meta http-equiv="Content-Ty
基于jquery插件实现常见的幻灯片效果

在网站中使用幻灯片效果的目前很普遍,如何实现,自己经过一番研究,本以为很复杂,想不到却很简单.有现成的jquery插件jquery.KinSlideshow.js. 使用jquery.KinSlideshow.js就可以很轻松的实现幻灯片效果 htm代码: 复制代码代码如下: <div id="focusNews" style="visibility:hidden;" class="ifocus" > <a href=&quo
用纯CSS+DIV写的漂亮Flash幻灯片及SQL标签教程！

用纯CSS+DIV写的漂亮Flash幻灯片及SQL标签教程! 下面代码有点多!但做出来你肯定喜欢! 用纯CSS+DIV写的漂亮Flash幻灯片及SQL标签教程!我不想废话了,开门见山吧. 先看演示 :http://www.gz7y.com 点精彩推荐即可看见! 如果下面代码你看不懂或者做不出来,明天等待我的视频吧. CSS如下: <STYLE type=text/css> <!-- #f_div{width:230px; height:205px; margin:0 auto; ov
ＪＳ＋ＦＬＡＳＨ幻灯片播放图片脚本，整理了代码，使得调用更加方便！

JS+FLASH幻灯片播放图片脚本,整理了代码,使得调用更加方便很多大站上都有的JS+FLASH幻灯片播放图片脚本,整理了代码,使得调用更加方便! 生成幻灯片式的网页图片效果演示生成幻灯片式的网页图片效果演示 // 幻灯片式的网页图片滚动函数(不需要做任何改动) // 本程序由广州房产网整理,欢迎转载及提意见,版权没有 function roll_pic_flash(roll_pic_ary) { // 生成幻灯片式的网页图片滚动代码 var w = roll_pic_ary[3][0]; v
14款经典网页图片和文字特效的jQuery插件-前端开发必备

不废话了,直接贴图片了,亲们可以点击查看演示和下载源码哦. 经典1.网页图片3d旋转jQuery代码查看演示下载插件经典2.存css3实现的tabl选项卡代码查看演示下载插件经典3.jQuery标签旋转代码查看演示下载插件经典4.鼠标悬浮的图片选项卡代码查看演示下载插件经典5.鼠标往下滚动时文字变大的css3代码查看演示下载插件经典6.动画标签云网页代码查看演示下载插件经典7.css3文字晃动代码查看演示下载插件经典8.css3幻灯片代码查
jquery带动画效果幻灯片特效代码

本文实例讲述了jquery带动画效果幻灯片插件devrama.slider.分享给大家供大家参考.具体如下: jquery带动画效果幻灯片插件devrama.slider是一款可以在焦点图中嵌入html内容和文字动画效果,运行时可出现图文层叠显示效果,且图片下方伴有进度条效果. 运行效果图: -------------------查看效果下载源码------------------- 小提示:浏览器中如果不能正常运行,可以尝试切换

文字幻灯片

相关推荐

随机推荐