<!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-Type" content="text/htmlcharset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
/*gundongtupian*/
#demo0 {
width:712px
height:134px
overflow:hidden
margin:auto
}
#demo0 img {
float:left
margin-left:10px
border:3px #ffffff solid
}
#indemo0 {
float: left
width: 800%
}
#demo10 {
float: left
}
#demo20 {
float: left
}
</style>
</head><body>
<div id="demo0">
<div id="indemo0">
<div id="demo10">
<a href="#"><img src="images/tu1.jpg" width="167" height="128" border="0" /></a>
<a href="#"><img src="images/tu1.jpg" width="168" height="128" border="0" /></a>
<a href="#"><img src="images/tu1.jpg" width="168" height="128" border="0" /></a>
<a href="#"><img src="images/tu1.jpg" width="168" height="128" border="0" /></a>
<a href="#"><img src="images/tu1.jpg" width="168" height="128" border="0" /></a>
</div>
<div id="demo20"></div>
</div>
</div>
<script language="javascript">
<!--
var speed0=40//数字越大速度越慢
var tabb=document.getElementById("demo0")
var tabb1=document.getElementById("demo10")
var tabb2=document.getElementById("demo20")
tabb2.innerHTML=tabb1.innerHTML+tabb1.innerHTML
function Marquee2(){
if(tabb2.offsetWidth-tabb.scrollLeft<=0)
tabb.scrollLeft-=tabb1.offsetWidth
else{
tabb.scrollLeft++
}
}
var MyMar2=setInterval(Marquee2,speed0)
tabb.onmouseover=function(){clearInterval(MyMar2)}
tabb.onmouseout=function(){MyMar2=setInterval(Marquee2,speed0)}
-->
</script>
</body>
</html>
段落格式默认为单倍行距的缘故。将光标定位在图片前，然后按键盘上的backspace键，使它位于第一行图片的右边，然后将光标定位在原第二行的图片前，鼠标右键选择段落，行距选择最小值，设置值输入0，点确定就设置好了。
工作中我们经常避免不了要发各种各样的邮件，尤其是一些外企，行政人员或企业管理人员需要发送邮箱通知。
html图片循环滚动无缝隙代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
<html xmlns="
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
/*gundongtupian*/
#demo0 {
width:712px
height:134px
overflow:hidden
margin:auto
}
#demo0 img {
float:left
margin-left:10px
border:3px #ffffff solid
}
#indemo0 {
float: left
width: 800%
}
#demo10 {
float: left
}
#demo20 {
float: left
}
</style>
</head><body>
<div id="demo0">
<div id="indemo0">
<div id="demo10">
<a href="#"><img src="images/tu1.jpg" width="167" height="128" border="0" /></a>
<a href="#"><img src="images/tu1.jpg" width="168" height="128" border="0" /></a>
<a href="#"><img src="images/tu1.jpg" width="168" height="128" border="0" /></a>
<a href="#"><img src="images/tu1.jpg" width="168" height="128" border="0" /></a>
<a href="#"><img src="images/tu1.jpg" width="168" height="128" border="0" /></a>
</div>
<div id="demo20"></div>
</div>
</div>
<script language="javascript">
<!--
var speed0=40//数字越大速度越慢
var tabb=document.getElementById("demo0")
var tabb1=document.getElementById("demo10")
var tabb2=document.getElementById("demo20")
tabb2.innerHTML=tabb1.innerHTML+tabb1.innerHTML
function Marquee2(){
if(tabb2.offsetWidth-tabb.scrollLeft<=0)
tabb.scrollLeft-=tabb1.offsetWidth
else{
tabb.scrollLeft++
}
}
var MyMar2=setInterval(Marquee2,speed0)
tabb.onmouseover=function(){clearInterval(MyMar2)}
tabb.onmouseout=function(){MyMar2=setInterval(Marquee2,speed0)}
-->
</script>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）