当前位置:首页 > 代码 > 正文

滚动图文新闻代码(网站公告滚动代码)

admin 发布:2022-12-19 22:58 178


今天给各位分享滚动图文新闻代码的知识,其中也会对网站公告滚动代码进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!

本文目录一览:

请问大家如何用易语言获取新浪滚动新闻或者其他网站的滚动新闻的网页代码?

全部新闻

国内新闻

国际新闻

社会新闻

中间自己想想

股票新闻

图片滚动代码

Center

table width="1024" border="0"

tr

td height="200"DIV id=demo style="OVERFLOW: hidden; WIDTH:1024px; HEIGHT: 200px"

align="center"

TABLE cellSpacing=0 cellPadding=0 align=left border=0 cellspace="0"

TBODY

TR

TD id=demo1 vAlign=top

table width="1024" border="0" align="center" cellpadding="0" cellspacing="0"

tr

td width="250"

img src="images/book/book1.jpg" width="150" height="200"/td

td width="250"img src="images/book/book2.jpg" width="150" height="200"/td

td width="250"img src="images/book/book3.jpg" width="150" height="200"/td

td width="250"img src="images/book/book4.jpg" width="150" height="200"/td

td width="250"img src="images/book/lingdao.jpg" width="150" height="200"/td

td width="250"img src="images/book/shiya.jpg" width="150" height="200"/td

td width="250"img src="images/book/leshi.jpg" width="150" height="200"/td

td width="250"img src="images/book/hei.jpg" width="150" height="200"/td

td width="250"img src="images/book/riben.jpg" width="150" height="200"/td

td width="250"img src="images/book/xiaoyoushang.jpg" width="150" height="200"/td

td width="250"img src="images/book/siwei.jpg" width="150" height="200"/td

/table /TD

TD id=demo2 vAlign=top/TD/TR/TBODY

/TABLE

/DIV

div align="center"

SCRIPT

var speed=1

demo2.innerHTML=demo1.innerHTML

function Marquee(){

if(demo2.offsetWidth-demo.scrollLeft=0)

demo.scrollLeft-=demo1.offsetWidth

else{

demo.scrollLeft++

}

}

var MyMar=setInterval(Marquee,speed)

demo.onmouseover=function() {clearInterval(MyMar)}

demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}

/SCRIPT

/div

/td

/tr

/table

/Center

实现网页内容水平或垂直滚动的Javascript代码

主要两个部分,一、是滚动内容部分;二、JS的滚动代码部分,也只有两句话。

一、传统的滚动代码

用Javascript实现新闻内容的水平滚动!

[Ctrl+A

全选

注:如需引入外部Js需刷新才能执行]

传统的滚动代码应用效果比较单一,而且经常还存在浏览器的兼容性问题,比如在FIREFOX上效果就会出现marquee的特效无效的问题。

二、Javascript实现的滚动效果

用Javascript实现新闻内容的水平滚动1

document.write("用Javascript实现新闻内容的水平滚动2");

//新闻内容

document.write("用Javascript实现新闻内容的水平滚动3");

//新闻内容

//div标签中的宽度width等参数可以自行调节

function

newsScroll()

{

news.style.pixelLeft=(news.style.pixelLeft-1)%headnew.offsetWidth;//实现不间断滚动

}

function

go()

{

timer1=setInterval('newsScroll()',30)

//更改第二个参数可以改变速度,值越小,速度越快。

}

go();

[Ctrl+A

全选

注:如需引入外部Js需刷新才能执行]

以上就是完整的JS滚动代码,如果想实现垂直滚动,则只需要简单的修改即可,即使用style的pixTop属性即可实现。

摘自

天缘博客

Html中实现滚动新闻无间隔限制的代码如何写,比如上下滚动是首尾相接。

你说的是不是走马灯的效果?直接在html的页面写的是用marque标签来写的,例如你说的新闻由上至下的滚动,其写法是:divmarquee

direction=top

onmouseover="this.stop()"

onmouseout="this.start()"

behavior=scroll至上而下/marquee/div

用DW制作首页的滚动图片新闻,怎么达到如下效果,求详细代码。

把5张图片(取名01到05)做好,放入images里,在body里插入

div

script type="text/javascript" src="js/flash.js"/script

/div

flash.js如下:

var pic_width=450; //图片宽度

var pic_height=205; //图片高度

var button_pos=4; //按扭位置 1左 2右 3上 4下

var stop_time=4000; //图片停留时间(1000为1秒钟)

var show_text=0; //是否显示文字标签 1显示 0不显示

var txtcolor="000000"; //文字色

var bgcolor="DDDDDD"; //背景色

var imag=new Array();

var link=new Array();

var text=new Array();

imag[1]="images/01.jpg";

link[1]="index-welcome.html";

text[1]="标题 1";

imag[2]="images/02.jpg";

link[2]="index-welcome.html";

text[2]="标题 2";

imag[3]="images/03.jpg";

link[3]="index-welcome.html";

text[3]="标题 3";

imag[4]="images/04.jpg";

link[4]="index-welcome.html";

text[4]="标题 4";

imag[5]="images/05.jpg";

link[2]="index-welcome.html";

text[5]="标题 5";

//可编辑内容结束

var swf_height=show_text==1?pic_height+20:pic_height;

var pics="", links="", texts="";

for(var i=1; iimag.length; i++){

pics=pics+("|"+imag[i]);

links=links+("|"+link[i]);

texts=texts+("|"+text[i]);

}

pics=pics.substring(1);

links=links.substring(1);

texts=texts.substring(1);

document.write('object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="" width="'+ pic_width +'" height="'+ swf_height +'"');

document.write('param name="movie" value="flash/focus.swf"');

document.write('param name="quality" value="high"param name="wmode" value="opaque"');

document.write('param name="FlashVars" value="pics='+pics+'links='+links+'texts='+texts+'pic_width='+pic_width+'pic_height='+pic_height+'show_text='+show_text+'txtcolor='+txtcolor+'bgcolor='+bgcolor+'button_pos='+button_pos+'stop_time='+stop_time+'"');

document.write('embed src="flash/focus.swf" FlashVars="pics='+pics+'links='+links+'texts='+texts+'pic_width='+pic_width+'pic_height='+pic_height+'show_text='+show_text+'txtcolor='+txtcolor+'bgcolor='+bgcolor+'button_pos='+button_pos+'stop_time='+stop_time+'" quality="high" width="'+ pic_width +'" height="'+ swf_height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="" /');

document.write('/object');// JavaScript Document

滚动图文新闻代码的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于网站公告滚动代码、滚动图文新闻代码的信息别忘了在本站进行查找喔。

版权说明:如非注明,本站文章均为 AH站长 原创,转载请注明出处和附带本文链接;

本文地址:http://ahzz.com.cn/post/28923.html


取消回复欢迎 发表评论:

分享到

温馨提示

下载成功了么?或者链接失效了?

联系我们反馈

立即下载