1、网页中,经常看到图片并排向左或向右滚动,鼠标点击可进入看大图,我想知道这种效果如何制作
那是一个JS特效,这个你可以网络下网页特效,然后就可以找到相应的代码了,这里不让给地址,所以楼主只能是网络下了,代码多所以也不好解释清楚。
2、怎样在网页设计中把所需的文字从左到右滚动
14
<marquee>
width="300px"
height="200px"
behavior="scroll"
direction="left"
scrollamount="50"
loop="10"
限制滚动文字的范围
限制滚动文字的范围
限制滚动文字的行为(alternate:来回、scroll:循环滚动、slide:只滚动一次)
滚动的方向(left、right、down、up)
设置文字滚动的速度
设置滚动的次数
看看 有用吗?
3、做网页时如何加入代码使图片从右向左滚动呢?
往左是:
<marquee><img src="你的图片地址"></marquee>
往右是:
<marquee direction=right><img src="你的图片地址"></marquee>
往上是:
<marquee direction=up><img src="你的图片地址"></marquee>
往下是:
<marquee direction=down><img src="你的图片地址"></marquee>
如果需要在当鼠标移动到图片上时停止滚动,就在<marquee>里加onmouseover=stop() onmouseout=start(),
例如<marquee direction=down onmouseover=stop() onmouseout=start()><img src="你的图片地址"></marquee>
4、用javascript怎么实现打开网页时图片就从左向右滚动?
搜索以下js特效
5、网页制作如何让图片从左到右循环移动
网页制作(HTML)让图片从左到右循环移动使用 css +js完成。
例如:从左向右循环移动
<html>
<head><title>图片向右循环滚动</title><head>
<body>
<div id=demo style="overflow:hidden;height:68px;width:800px;"><table align=left cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top nowrap="nowrap">
<img src="http://www.newxing.com/skins/NewXing/logo.gif">
<img src="http://www.newxing.com/skins/NewXing/logo.gif">
<img src="http://www.newxing.com/skins/NewXing/logo.gif">
<img src="http://www.newxing.com/skins/NewXing/logo.gif">
</td><td id=demo2 valign=top></td></tr></table></div>
<script>
var speed = 30;
demo2.innerHTML = demo1.innerHTML;
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>
</body>
</html>
6、网页设计字体滚动代码?
文字滚动是由<marquee></marquee>控制的。marquee的参数如下:
1、方向 <direction=#> #=left, right
如:<marquee direction=left>啦啦啦,我从右向左移!</marquee>
<marquee direction=right>啦啦啦,我从左向右移!</marquee>
2、方式 <bihavior=#> #=scroll, slide, alternate
如:<marquee behavior=scroll>啦啦啦,我一圈一圈绕着走!</marquee>
<marquee behavior=slide>啦啦啦,我只走一次就歇了!</marquee>
<marquee behavior=alternate>啦啦啦,我来回走耶!</marquee>
3、循环 <loop=#> #=次数;若未指定则循环不止(infinite)
如:<marquee loop=3 width=50% behavior=scroll>啦啦啦,我只走 3 趟哟!</marquee>
<marquee loop=3 width=50% behavior=slide>啦啦啦,我只走 3 趟哟!</marquee>
<marquee loop=3 width=50% behavior=alternate>啦啦啦,我只走 3 趟哟!</marquee>
4、速度 <scrollamount=#>
如:<marquee scrollamount=20>啦啦啦,我走得好快哟!</marquee>
5、延时 <scrolldelay=#>
如: <marquee scrolldelay=500 scrollamount=100>啦啦啦,我走一步,停一停!</marquee>
6、对齐方式(Align) <align=#> #=top, middle, bottom
如:<font size=6>
<marquee align=# width=400>啦啦啦,我会移动耶!</marquee>
</font>
7、底色 <bgcolor=#>
#=rrggbb 16 进制数码,或者是下列预定义色彩:
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua
如:<marquee bgcolor=aaaaee>啦啦啦,我会移动耶!</marquee>
8、面积 <height=# width=#>
如:<marquee height=40 width=50% bgcolor=aaeeaa> 啦啦啦,我会移动耶!</marquee>
9、空白(Margins)<hspace=# vspace=#>
<marquee id="scrollarea" direction="up" scrolldelay="10" scrollamount="1" width="150" height="80" onmouseover="this.stop();" onmouseout="this.start();">
------------------------------------------------------------------------------------------------------------------------------
<marquee></marquee>
以下是一个最简单的例子:
代码如下:
<marquee><font size=+3 color=red>Hello, World</font></marquee>
下面这两个事件经常用到:
onMouseOut="this.start()" :用来设置鼠标移出该区域时继续滚动
onMouseOver="this.stop()":用来设置鼠标移入该区域时停止滚动
代码如下:
<marquee >onMouseOut="this.start()" :用来设置鼠标移出该区域时继续滚动 :用来设置鼠标移入该区域时停止滚动</marquee>
这是一个完整的例子:
代码如下:
<marquee align="left" behavior="scroll" bgcolor="#FF0000" direction="up" height="300" width="200" hspace="50" vspace="20" loop="-1" scrollamount="10" scrolldelay="100" >
这是一个完整的例子
</marquee>
该标签支持的属性多达11个:
align
设定<marquee>标签内容的对齐方式
absbottom:绝对底部对齐(与g、p等字母的最下端对齐)
absmiddle:绝对中央对齐
baseline:底线对齐
bottom:底部对齐(默认)
left:左对齐
middle:中间对齐
right:右对齐
texttop:顶线对齐
top:顶部对齐
7、css中图片向左滚动的代码怎么写?网页中由右向左滚动的代码怎么写?
marquee direction=left >滚动测试
满意请采纳
8、JS 图片向左滚动问题 网页设计
<div class="n" style="width:500px; height:150px; overflow:hidden;">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="s1">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="/Item/Show.asp?m=2&d=71"><img src="/UploadFiles/2010-08/hxjlb/2010081001252234114.JPG" width="152" height="103" /></a><div>快乐星期六比赛中</div></td>
<td><a href="/Item/Show.asp?m=2&d=70"><img src="/UploadFiles/2010-08/hxjlb/2010081001223922772.jpg" width="152" height="103" /></a><div>美女与扬子</div></td>
<td><a href="/Item/Show.asp?m=2&d=64"><img src="/UploadFiles/2010-08/hxjlb/2010080610351069415.jpg" width="152" height="103" /></a><div>3号和6号</div></td>
<td><a href="/Item/Show.asp?m=2&d=63"><img src="/UploadFiles/2010-08/hxjlb/2010080510485422797.jpg" width="152" height="103" /></a><div>比赛中</div></td>
<td><a href="/Item/Show.asp?m=2&d=62"><img src="/UploadFiles/2010-08/hxjlb/2010080510485465003.jpg" width="152" height="103" /></a><div>济北比赛中</div></td>
</tr>
</table>
</td>
<td class="s2"></td>
</tr>
</table>
</div>
<script>
$(function(){
function roll(obj,s1,s2){
var play;
s2.html(s1.html());
function gd(){
if(obj.scrollLeft()<=s1.width()){
obj.scrollLeft(obj.scrollLeft()+1);
}else{
obj.scrollLeft(0);
}
}
play=setInterval(gd,20);
obj.hover(function(){clearInterval(play)},function(){play=setInterval(gd,20)});
}
roll($(".n"),$(".s1"),$(".s2"));
});
</script>
用我这个吧 很简单,兼容所有浏览器,需要在头部调用jquery插件,插件下载地址 http://jquery.com/,点左上的download下载 在你的页面头部调用下载的js文件即可
9、请问。在html页面中,一段文字,从右向左滚动需要怎么实现?
<td><div align="center" class="style24"><marquee direction="left">我要提问</marquee></div></td>
10、网页设计:如何创建一个滚动菜单
首先打开dreamweaver8写基本语法
<marquee>滚动文字 </marquee>
2.文字移动属性的设置
(1)滚动方向属性direction
可以设定文字滚动的方向,分别为向左(left)、向右(right)、向上(up)、向下(down),使滚动的文字具有更多的变化。
基本语法:
<marquee direction="value">滚动文字</marquee>
(2)滚动方式属性behavior
通过这个属性能够设定不同方式的滚动文字效果。如滚动的循环往复、交替滚动、单次滚动等。
基本语法:
<marquee behavior="value">滚动文字</marquee>
(3)滚动循环属性loop
通过这个属性能够让文字滚动循环进行。
基本语法:
<marquee loop="次数">滚动文字</marquee>
(4)滚动速度属性scrollamout
通过这个属性能够调整文字滚动的速度。
基本语法:
<marquee scrollamount="value">滚动文字</marquee>
(5)滚动延迟属性scrolldelay
通过这个属性,可以在每一次滚动的间隔产生一段时间的延迟。
基本语法:
<marquee scrolldelay="value">滚动文字</marquee>
3.外观(Layout)设置
(1)滚动文字对齐方式align
基本语法:
<marquee align="对齐方ottom,对齐上沿、中间、下沿。
(2)滚动背景颜色属性bgcolor
在滚动文字的后面,可以添加背式">滚动文字</marquee>
对方方式=top、middle、b景颜色。
基本语法:
<marquee bgcolor="color_value">滚动文字</marquee>