当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 新浪的图片新闻效果

Javascript
表格 隔行换色升级版
JavaScript 变量基础知识
fileupload控件 文件类型客户端验证实现代码
extjs DataReader、JsonReader、XmlReader的构造方法
让Firefox支持event对象实现代码
CSS+Js遮罩效果的TAB及焦点图片切换(推荐)
javascript showModalDialog传值与FireFox的window.open 父子窗口传值示例
JQuery 图片延迟加载并等比缩放插件
Jquery作者John Resig自己封装的javascript 常用函数
js 鼠标拖动对象 可让任何div实现拖动效果
页面中js执行顺序
Javascript select下拉框操作常用方法
jQuery 常见学习网站与参考书
javascript currying返回函数的函数
prototype 中文参数乱码解决方案
为javascript添加String.Format方法
asp.net HttpHandler实现图片防盗链
Riot.js 快速的JavaScript单元测试框架
Javascript实现的CSS代码高亮显示
Js 实现表格隔行换色一例

Javascript 中的 新浪的图片新闻效果


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 133 ::
收藏到网摘: 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>

由于编辑器的问题,每个>\后面都有个空格,可以删掉就可以了
给个正确的吧 看这个就知道了