新浪的图片新闻效果_javascript技巧

复制代码 代码如下:

<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 ="yun_qi_img/U1503P167T135D1F4549DT20060629223845.jpg";
var bigPic1 ="yun_qi_img/U1503P167T135D1F4552DT20060629223845.jpg";
var bigPic2 ="yun_qi_img/U1396P167T135D1F4555DT20060629141338.jpg";
var bigPic3 ="yun_qi_img/U1396P167T135D1F4558DT20060628170108.jpg";
//小图路径
var smallPic0 ="yun_qi_img/U1503P167T135D1F4548DT20060629223845.jpg";
var smallPic1 ="yun_qi_img/U1503P167T135D1F4551DT20060629223845.jpg";
var smallPic2 ="yun_qi_img/U1396P167T135D1F4554DT20060629141338.jpg";
var smallPic3 ="yun_qi_img/U1396P167T135D1F4557DT20060628170108.jpg";
//大图的点击后的URL
var PicURL0 ="http://www.jb51.net";
var PicURL1 ="http://www.jb51.net";
var PicURL2 ="http://www.jb51.net";
var PicURL3 ="http://www.jb51.net";
//标题
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.jb51.net/demo/flash/bnfocus.swf' />\
<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.jb51.net/demo/flash/bnfocus.swf' 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>

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

时间: 2016-01-13

新浪的图片新闻效果_javascript技巧的相关文章

用javascript实现的仿Flash广告图片轮换效果_javascript技巧

<!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> <meta http-equiv="Content-

js实现将选中内容分享到新浪或腾讯微博_javascript技巧

微博如火如荼,大家都选择用微博带来社会化流量,顺便推广产品和网站,几乎所有的网站都有分享到代码,但是还有一种更快捷的分享方式,javascript就可以实现将选定内容轻松分享到新浪微博和腾讯微博,效果图如下: 将选中的内容分享到新浪微博,腾讯微博实现js代码如下: <STYLE> .img_sina_share { DISPLAY: none; CURSOR: pointer; POSITION: absolute } .img_qq_share { DISPLAY: none; CURSOR

基于javascript实现图片切换效果_javascript技巧

本文实例为大家分享了js实现图片切换效果,供大家参考,具体内容如下 用js实现点击按钮,图片切换的效果: <div class="box" id="box"> <div class="img_box" id="img_box"> <img src="../raw/b1.jpg" class="image" > <img src="../

js实现索引图片切换效果_javascript技巧

本文实例讲述了js实现索引图片切换效果的代码.分享给大家供大家参考.具体如下: 运行效果截图如下: 具体代码如下 html代码: <div id="slideshowHolder"> <img src="img/1.jpg" /> <img src="img/2.jpg" /> <img src="img/3.jpg" /> </div> css代码: .ft-pre

JavaScript仿百度图片浏览效果_javascript技巧

本文实例为大家分享了js图片浏览效果的具体代码,供大家参考,具体内容如下 在线地址:http://www.hui12.com/nbin/demo/imgskim/index.html https://nbin2008.github.io/demo/imgskim/index.html 效果图: index <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>仿

简单实现JavaScript图片切换效果_javascript技巧

JavaScript实现图片切换,主要用到setInterval()函数和clearInterval()函数,前者功能是开启动画,后者功能则为清除动画(可理解为使动画停止),为了使动画停止,则需要定义全局变量作为标志,标志返回setInterval()函数的id,id作为clearInterval()函数的引用,目的是为了告诉clearInterval()函数动画暂停的位置.下面是实现的代码: 部分HTML代码:第一个为左按钮,是一张带箭头的透明图片,点击实现图片右滑动,第二个为图片展示区域,第

基于javascript实现图片滑动效果_javascript技巧

今天看了别人写的图片滑动,看起来很酷,读源码时,似乎有些困难,就模仿着写了一个,实现的效果与原网页相同,不过自己的js代码,逻辑简单,有待改进. ps:前两天写了旋转木马,那个兼容性不好,今天写这个网页的时候,也是按照这个思路,在谷歌浏览器上运行很好,火狐很多功能不能实现,由于wrap--panel使用了绝对定位,就将translate平移改为了left.改动后,各个浏览器运行的效果不错. 具体代码如下 html代码(没写注释) <div class="container">

新浪女性频道图片轮换效果

更多请访问:懒人图库 *转载请注明出处

Javascript仿新浪游戏频道鼠标悬停显示子菜单效果_javascript技巧

本文实例讲述了Javascript仿新浪游戏频道鼠标悬停显示子菜单效果,分享给大家供大家参考.具体如下: 这里演示使用JS实现的网页栏目分类菜单,从新浪游戏频道扣下来的,操作方式类似于滑动门的效果,鼠标无需点击,只需把鼠标放在一级主菜单上,就可显示出二级分类菜单,这弹出的这个二级菜单中,实际上又重新进行了分类,可以说整体上,这是一款支持三级分类的网站菜单,目前新浪游戏还在用的效果哦. 先来看运行效果截图: 在线演示地址如下: http://demo.jb51.net/js/2015/js-gam