急求,在网页设计里,把一串图片滚动从左到右播放的代码,谢谢!注,是就像布条一样一张张流动的

作者&投稿:鲁琦 (若有异议请与网页底部的电邮联系)
在html中,如何让一张图片绝对定位到页面的右下角;position:absolute;该怎么用!谢谢啊,急求!!!~

position:absolute; bottom:0; right:0;
这样就可以了,不过屏幕滚动的话,元素不会随着屏幕滚动而一直在右下角
position:fixed; bottom:0; right:0;
这样可以一直保持在右下角,但IE6不支持
如果想要IE6也支持,只能用js来控制

试试这个图片切换
有12345数字一起切换
有小图大图一起切换
里面有教程和源码

<!--向右滚动代码开始-->
<DIV style="WIDTH: 604px; HEIGHT: 120px; OVERFLOW: hidden" id=demo>
<TABLE border=0 cellPadding=0 align=left cellspace="0">
<TBODY>
<TR>
<TD id=demo1 vAlign=top>
<TABLE border=0 cellSpacing=0 cellPadding=0 width="25%"
align=left><TBODY>
<TR>
<TD align=middle>
<TABLE class=huikuang border=0 cellSpacing=5 cellPadding=0
width="7%" bgColor=#f5f5f5 align=center>
<TBODY>
<TR>
<TD vAlign=center align=middle><A
href="http://www.chinahaihua.com/products_show.asp?id=118"><IMG
border=0 src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif"
width=122 height=70></A></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD height=25 align=middle><A class=a
href="http://www.chinahaihua.com/products_show.asp">1111
</A></TD></TR></TBODY></TABLE>
<TABLE border=0 cellSpacing=0 cellPadding=0 width="25%"
align=left><TBODY>
<TR>
<TD align=middle>
<TABLE class=huikuang border=0 cellSpacing=5 cellPadding=0
width="7%" bgColor=#f5f5f5 align=center>
<TBODY>
<TR>
<TD vAlign=center align=middle><A
href="http://www.chinahaihua.com/products_show.asp?id=116"><IMG
border=0 src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif"
width=122 height=70></A></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD height=25 align=middle><A class=a
href="http://www.chinahaihua.com/products_show.asp">2222
</A></TD></TR></TBODY></TABLE>
<TABLE border=0 cellSpacing=0 cellPadding=0 width="25%"
align=left><TBODY>
<TR>
<TD align=middle>
<TABLE class=huikuang border=0 cellSpacing=5 cellPadding=0
width="7%" bgColor=#f5f5f5 align=center>
<TBODY>
<TR>
<TD vAlign=center align=middle><A
href="http://www.chinahaihua.com/products_show.asp?id=115"><IMG
border=0 src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif"
width=122 height=70></A></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD height=25 align=middle><A class=a
href="http://www.chinahaihua.com/products_show.asp">3333
</A></TD></TR></TBODY></TABLE>
<TABLE border=0 cellSpacing=0 cellPadding=0 width="25%"
align=left><TBODY>
<TR>
<TD align=middle>
<TABLE class=huikuang border=0 cellSpacing=5 cellPadding=0
width="7%" bgColor=#f5f5f5 align=center>
<TBODY>
<TR>
<TD vAlign=center align=middle><A
href="http://www.chinahaihua.com/products_show.asp?id=114"><IMG
border=0 src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif"
width=122 height=70></A></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD height=25 align=middle><A class=a
href="http://www.chinahaihua.com/products_show.asp">4444
</A></TD></TR></TBODY></TABLE></TD>
<TD id=demo2 vAlign=top></TD></TR></TBODY></TABLE></DIV>
<SCRIPT>
var speed=15
demo2.innerHTML=demo1.innerHTML
demo.scrollLeft=demo.scrollWidth
function Marquee(){
if(demo.scrollLeft<=0)
demo.scrollLeft+=demo2.offsetWidth
else{
demo.scrollLeft--
}
}
var MyMar=setInterval(Marquee, speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee, speed)}
</SCRIPT>
<!--向右滚动代码结束-->

<!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>wu</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<style>
P {
MARGIN: 20px
}
.table-left-right {
BORDER-LEFT: #E7E7E7 1px solid;
BORDER-RIGHT: #E7E7E7 1px solid;
}
TD {
font-size: 12px;
}
.hangju {
line-height: 20px;
word-spacing: 3pt;
}
.title
{
color: #000000;
font-weight: bold;
}
.title2
{
color: #ffffff;
font-weight: bold;
}
.title3
{
color: #000000;
font-weight: bold;
}
</style>
</head>
<BODY leftMargin=0 topMargin=2 marginheight="0" marginwidth="0">
<div><CENTER>
<TABLE
style="BORDER: #eeeeee 1px solid"
cellSpacing=0 cellPadding=0 width=750 align=center border=0>
<TBODY>
<TR>
<TD>
<DIV id=demo style="OVERFLOW: hidden; WIDTH: 100%; COLOR: #ffffff">
<TABLE cellSpacing=0 cellPadding=0 align=left border=0 cellspace="0">
<TBODY>
<TR>
<TD id=demo1 vAlign=top><table width="1710" height="116" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="171" background="wan/YTC.jpg"><div align="center">第1张</div></td>
<td width="171" background="wan/YTC.jpg"><div align="center">第2张</div></td>
<td width="171" background="wan/YTC.jpg"><div align="center">第3张</div></td>
<td width="171" background="wan/YTC.jpg"><div align="center">第4张</div></td>
<td width="171" background="/jscss/demoimg/200907/pic_bg.jpg"><div align="center">第5张</div></td>
<td width="171" background="/jscss/demoimg/200907/pic_bg.jpg"><div align="center">第6张</div></td>
<td width="171" background="/jscss/demoimg/200907/pic_bg.jpg"><div align="center">第7张</div></td>
<td width="171" background="/jscss/demoimg/200907/pic_bg.jpg"><div align="center">第8张</div></td>
<td width="171" background="/jscss/demoimg/200907/pic_bg.jpg"><div align="center">第9张</div></td>
<td width="171" background="/jscss/demoimg/200907/pic_bg.jpg"><div align="center">第10张</div></td>
</tr>
</table></TD>
<TD id=demo2 vAlign=top> </TD></TR></TBODY></TABLE></DIV>
<SCRIPT>
var speed3=25//速度,数值越大越慢
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed3)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed3)}
</SCRIPT>
</TD></TR></TBODY></TABLE></TD></TR></TABLE>
</CENTER></div>
</BODY>
</html>
这样就可以达到你要的效果了·~


在网页设计中用什么代码可以取消body设置好的宽度,让里面的样式不用继承...
在BODY上设置宽度的习惯就是不太好的。当然,如果已经定了,并且,还不好再改。想让某个盒子元素超过BODY的宽。以下方法,你试试看哪个有用。1,直接设置这个BOX的宽度大于800,在IE6,IE8下,应该是按撑坏上一级宽度来解释的。2,传统的笨办法,做一个1*1象素空的GIF图片,把它放在BOX里,...

网页设计中在网页底部有加了一条横线.怎么令横线不管内容多少只显示在最...
在IE和火狐里打开出现你说的问题是因为兼容型问题,用样式表控制把中间的内容设置在一个大盒子里,后面的横线放在一个盒子里面,给它一个浮动应该就可以了。

如何在网页里让字居中对齐?
要让文字在HTML网页中居中,你可以使用CSS来设置文本的居中对齐方式。以下是几种常见的方法:文本水平居中:使用CSS的text-align属性来水平居中文本。将该属性应用于包含文本的HTML元素,如或。.center-text { text-align: center;}这是居中的文本。文本垂直居中:垂直居中文本通常需要更多的CSS样式。你...

在用CSS+div的网页设计中,所有的DIV都要设定宽度和高度吗?
给所有的DIV设定宽度和高度不是必须的。DIV是块级元素,默认的宽为100%,也就是你DIV外面的元素有多宽,DIV就是多宽。DIV的高默认为内部元素的高,也就是DIV里面的元素有多高,DIV就是多高。当DIV里面的元素为浮动元素时候就会出现DIV高为0,所以这时候就得清除浮动。

求网页设计的高手帮忙解决问题1 阐述在网页中实现透明flash、滚动文字...
1.网页中实现透明flash!加入: 这个参数加到Flash插件中就可以了。2.滚动文字效果,用<MARQUEE><\/MARQUEE>标签,3.阐述你在网站中用到的至少三个方面的网页制作技术!html语言: css样式: js代码:(1 ) HTML(Hyper Text Mark-up Language)即超文本标记语言或超文本链接标示语言,是目前网 络上...

网页设计里的水平线是不是在字下插一条线
不是,是通过代码完成的。网页设计水平线插入方法:1.打开软件。2.新建一个html文档。3.在这空白处添加文字。4.写入水平线代码。5.F12保存,浏览网页。

网页设计中是什么意思
网页设计中DIV在编程中又叫做整除,即只得商的整数。 DIV元素是用来为HTML文档内大块(block-level)的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的,其中所包含元素的特性由DIV标签的属性来控制,或者是通过使用样式表格式化这个块来进行控制.设计阶段 网站伴随着...

网页设计 html 求一段代码,进入个空白网页,出现个对话框,让输入姓名...
如果需要用其他符号来间隔的,请修改 var nums=num.split(" "); 把双引号里的空格修改为你要的符号即可。如果结果要显示在网页上的话,把最后那句alert("您的名字是:"+user+" 数字相乘结果为:"+total);更改为:document.write("您的名字是:"+user+" 数字相乘结果为:"+total);

网页photoshop-ps网页设计教程
全面主持设计工作,担纲创意核心、设计指导、效果统筹、设计沟通的任务。负责与各岗位的协调工作,网站页面的美工设计,进行div+css网页布局及修改。配合技术部门对网站页面设计和技术的配合。 二、实习过程 1、初来公司的时候 在接到公司面试的电话后,我来到了武汉世纪联动科技有限公司,因为我所应聘的是网页设计,所以要...

网页设计流程是什么_网页设计工作流程
并且即使您拥有最棒的产品,如果客户从您的网站上看不清楚您在介绍什么或不清楚如何受益的话,他们是不会喜欢您的网站的,这对于网页设计而言是失败的。 导向清晰: 网页设计中导航使用超文本链接或图片链接,使人们能够在您的网站上自由前进或后退,而不必让他们使用浏览器上的前进或后退。我们在所有的图片上使用“ALT...

敦煌市19299851699: 如何在网页制作中将图片设置为滚动 -
由政宜力: 1、素材的准备.为了更好的表现网站的风格和特色,具备一些更富表现力和吸引力的图片是必不可少的;2、在电脑上找到并且打开Dreamweaver8,重新建立一个网页文件,并且把网页文件保存,且命名为“index.html"文件;3、在完成网页...

敦煌市19299851699: 网页制作中怎么制作图片的连续滚动?不要代码,我想知道在设计中怎么制作!要有详细的解释. -
由政宜力: 放一个层(demo),再写一个一行两列的表格把所有图片放在第一列(demo1)里,第二列(demo2)里为空,然后写上javascript函数,代码如下 var speed=10; //设置图片滚动速度 //demo1的宽度加上demo2的宽度一定要比demo大很多 ...

敦煌市19299851699: 在制作网页中如何使照片滚动显示? -
由政宜力: 图片滚动代码 (从右向左滚动)<marquee scrollamount=1 scrolldelay=3 valign=middle behavior="scroll"><img src="图片 " alt="" /><img src="图片" alt="" /></marquee>图片滚动代码 (从下往上滚动)<marquee onMouseOver...

敦煌市19299851699: 网页制作怎样让图片滚动?
由政宜力: 这个软件还真没用过 直接加段代码不行吗?用 marqueemarquee 参数: BGColor:滚动文本框的背景颜色. Direction:滚动方向设置,可选择Left、Right、up和down. ...

敦煌市19299851699: 制作网页,如何使图片连续滚动,并且鼠标放在图片上 暂停滚动 -
由政宜力: 直接用HTML或者CSS是达不到这种效果的,给你下面这个JS代码,直接插入到指定的位置就可以: <script> <!-- ////////////////////////////////////////////////////////////////// //第 7,8,9 行更改总体设置 第 65 行开始加入自定义内容 // //将JS嵌入到显示的固定位置 // /////...

敦煌市19299851699: 怎么才能让网页里的图片滚动起来 -
由政宜力: 看看这个吧 <div class="bot" style="width: 920px"> <div id="demo" class="hdo gd_img" style="overflow: hidden; width: 920px; height: 157px;"> <table cellpadding="0" align="left" border="0" cellspace="0" style="width: 920...

敦煌市19299851699: 网页制作中如何制作滚动图片 -
由政宜力: 是通过jquery实现的,你找一个引用.然后在页面添加如下JS代码<br>//=======广告轮播图的实现=======<br> var _index=0;//初始化序列 <br> var timePlay=null;<br> $("#Adv .ImgList").eq(0).show().siblings("div").hide();//最开始显示...

敦煌市19299851699: 网页设计中如何设置滚动图片(循环滚动)
由政宜力: 你这个问题回答起来要表述的太多.其实你可以上网搜网页特效代码,查图片无缝滚动效果.然后直接修改成自己的.至6张,你前面不是定义了4张吗

敦煌市19299851699: 网页制作如何实现多张图片连续滚动 -
由政宜力: 这是代码,网页预览的时候只有两张图片在滚动,而且滚到边界又重新开始了

敦煌市19299851699: 急求html代码,当鼠标移动到图片,图片停此滚动? -
由政宜力: 下面的图片滚动代码仅用于html网页中,分别可以向上向下向左向右的滚动!把下面此代码插入html网页的<body>< /body>中就可以了!<!--下面是向上滚动代码--><div id=butong_net_top style=overflow:hidden;height:100;width:90;> <div id=...

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网