繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 新浪的图片新闻效果
- Javascript
- MooTools教程(3):数组管理DOM元素
- MooTools教程(4):函数和MooTools
- MooTools教程(5):事件处理
- MooTools教程(6):操纵HTML DOM元素
- MooTools教程(7):设置和获取样式表属性
- MooTools教程(8):输入过滤-数字
- MooTools教程(9):输入过滤-字符串
- MooTools教程(10):Fx.Tween渐变
- MooTools教程(11):Fx.Morph、Fx选项和Fx事件
- MooTools教程(12):Drag.Move来实现拖放
- MooTools教程(13):正则表达式
- MooTools教程(14):定时器和Hash对象
- MooTools教程(15):滚动条(Slider)
- 浏览器对Cookie的限制
- 图片不间断滚动的特效代码详细讲解
- Javascript教程:拖放效果研究
- 不唐突的JavaScript
- JavaScript教程:图片切割效果
- 认识AJAX了解AJAX优点缺点和运用
- 网页投票系统中的限制
Javascript 中的 新浪的图片新闻效果
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 354 ::
收藏到网摘: n/a
复制代码 代码如下:
<html>
<head>
<title>新浪的图片新闻效果</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<p> </p>
<p>
<script language=javascript>
//-------定义图片路径等参数-------------//
//定义大图的路径，
var bigPic0 ="http://image2.sina.com.cn/book/U1503P167T135D1F4549DT20060629223845.jpg";
var bigPic1 ="http://image2.sina.com.cn/book/U1503P167T135D1F4552DT20060629223845.jpg";
var bigPic2 ="http://image2.sina.com.cn/book/U1396P167T135D1F4555DT20060629141338.jpg";
var bigPic3 ="http://image2.sina.com.cn/book/U1396P167T135D1F4558DT20060628170108.jpg";
//小图路径
var smallPic0 ="http://image2.sina.com.cn/book/U1503P167T135D1F4548DT20060629223845.jpg";
var smallPic1 ="http://image2.sina.com.cn/book/U1503P167T135D1F4551DT20060629223845.jpg";
var smallPic2 ="http://image2.sina.com.cn/book/U1396P167T135D1F4554DT20060629141338.jpg";
var smallPic3 ="http://image2.sina.com.cn/book/U1396P167T135D1F4557DT20060628170108.jpg";
//大图的点击后的URL
var PicURL0 ="http://www.ruanchen.com";
var PicURL1 ="http://www.ruanchen.com";
var PicURL2 ="http://www.ruanchen.com";
var PicURL3 ="http://www.ruanchen.com";
//标题
var t0="搞笑节目《玩转世界杯》第9期：情陷解说门";
var t1="音频：黄健翔激情解说搞笑版大全";
var t2="Play Girl(网络宝贝)X计划";
var t3="《Memory》爱情是一个迷";
//描述
var describe0="小马派出密探零零发前往德国世界杯现场，调查“解说门”事件真相……";
var describe1="黄健翔是公认的中国足球评论员第一人；他，曾骄傲地宣称自己的解说就是行业标准……";
var describe2="你也能成为聚万千艳羡于一身的游戏MM，PlayGirl X计划，将你打造成游戏巅峰最耀眼的明星。";
var describe3="怎样的爱情可以真实地握在手中？这样的爱情是真实还是虚幻？";
//
var t=t0+"[|]"+t1+"[|]"+t2+"[|]"+t3;
var bigPicURL=bigPic0+"[|]"+bigPic1+"[|]"+bigPic2+"[|]"+bigPic3;
var smallPicURL=smallPic0+"[|]"+smallPic1+"[|]"+smallPic2+"[|]"+smallPic3;
var PicURL=PicURL0+"[|]"+PicURL1+"[|]"+PicURL2+"[|]"+PicURL3;
var describe = describe0+"[|]"+describe1+"[|]"+describe2+"[|]"+describe3;
//
document.write("\
<object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0' width='535' height='356' ID=FSCommand NAME='focus_one' align='middle'>\
<param name='allowScriptAccess' value='sameDomain' />\
<param name='movie' value='http://www.ruanchen.com/' />\
<param name='FlashVars' value='bigPicURL=" + bigPicURL + "&smallPicURL=" + smallPicURL + "&t="+t+"&PicURL="+PicURL+"&describe="+describe+"'/>\
<param name='quality' value='high' />\
<param name='bgcolor' value='#ffffff' />\
<embed src='http://www.ruanchen.com/' FlashVars='bigPicURL=" + bigPicURL + "&smallPicURL=" + smallPicURL + "&t="+t+"&PicURL="+PicURL+"&describe="+describe+"' quality='high' bgcolor='#ffffff' width='535' height='356' name='focus' swLiveConnect='true' align='middle' allowScriptAccess='sameDomain' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' />\
</object>\
");
</script>
</body>
</html>
由于编辑器的问题，每个>\后面都有个空格，可以删掉就可以了
给个正确的吧 看这个就知道了
评论 (0) All
