❶ 网页设计怎么移动图片位置
用JS。你的问题不是很明确。能把问题补充下了
按照如下修改就可以对齐了
<!DOCTYPEhtml">
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>无标题文档</title>
<styletype="text/css">
table{width:1200px;margin:0pxauto;}
tr{width:1200px;height:30px;list-style-type:none;}
th{border:1pxsolid#000;font-size:12px;font-family:"微软雅黑";line-hegiht:30px;}
/*修正1设置垂直对齐为居中*/
th>span,th>img{
vertical-align:middle;
}
</style>
</head>
<body>
<tablecellspacing="0">
<tr>
<thclass="th_1">2</th>
<!--修正2给文字加一个容器-->
<thclass="th_2"><span>乌鲁木齐</span><imgsrc="2.jpg"height="12"title="加班过长"/></th>
</tr>
</table>
</body>
</html>
❸ 如何在网页里添加移动的图片
使用<marquee> ... </marquee>
移动属性的设置 ,这种移动不仅仅局限于文字,也可以应用于图片,表格等等
方向
<direction=#> #=left, right ,up ,down <marquee direction=left>从右向左移!</marquee>
方式
<bihavior=#> #=scroll, slide, alternate <marquee behavior=scroll>一圈一圈绕着走!</marquee>
<marquee behavior=slide>只走一次就歇了!</marquee>
<marquee behavior=alternate>来回走</marquee>
循环
<loop=#> #=次数;若未指定则循环不止(infinite) <marquee loop=3 width=50% behavior=scroll>只走 3 趟</marquee> <P>
<marquee loop=3 width=50% behavior=slide>只走 3 趟</marquee>
<marquee loop=3 width=50% behavior=alternate>只走 3 趟!</marquee>
速度
<scrollamount=#> <marquee scrollamount=20>啦啦啦,我走得好快哟!</marquee>
延时
<scrolldelay=#> <marquee scrolldelay=500 scrollamount=100>啦啦啦,我走一步,停一停!</marquee>
外观(Layout)设置
对齐方式(Align)
<align=#> #=top, middle, bottom <font size=6>
<marquee align=# width=400>啦啦啦,我会移动耶!</marquee>
</font>
底色
<bgcolor=#> #=rrggbb 16 进制数码,或者是下列预定义色彩:
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua <marquee bgcolor=aaaaee>颜色!</marquee>
面积
<height=# width=#> <marquee height=40 width=50% bgcolor=aaeeaa>面积!</marquee>
空白
(Margins)<hspace=# vspace=#>
<marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa align=middle>面积!</marquee>
❹ HTML在table表格中如何移动图片使其和文字对齐
thimg{position:relative;top:2px;}给图片添加一个相对定位,然后设置合适的top,就可以了。满意请采纳。
❺ 制作网页时如何让图片从固定位置开始移动
固定位置移动???
你可以去模仿51.lala
免费的左移动或右移动的吧,他们有靠右或靠左移动的QQ在线代码
网页的图片都是由表格定位的,你想移动图片,就必须先定义好框架
❻ HTML中如何将图片在表内滚动
<marquee ></marquee> 里面的属性有direction=left 或者right
behavior=scroll(一直移动)或者slide(一次)或者alternate(左右交替移动)
loop=数值 代表移动几次
scrollamount=数值 代表移动的速度
onmouseover="this.stop()" onmouseout="this.start()" 鼠标停在移动的文字或图片上面时 停止移动 移开鼠标继续移动
❼ 图片在表格中怎么移动
一、图片的缩放
1、选中图片;
3、用鼠标拖动图片,即可任意移动图片。
❽ Dreamweaver 怎么让图片任意移动
1.新建html文件,在body里插入<marquee direction="right" behavior="alternate"><img src="images/done.jpg" /></marquee>,表示一个从左到右移动的图片,图片碰到边缘后折返。
❾ Dreamweaver插入图片后怎么移动图片
1、如果是放入的背景图片,是不可以移动的;
2、如果使用是在表格里插入图片,直接移动表格
3、在Dreamweaver要移动图片,建议使用层来实现,在菜单栏选择
插入
-布局对象-
层.
再图片拖放到层里面去,然后再拖动层左上角小蓝色方框,就可以随意移动。
❿ 关于HTML网页图片横向移动
HTML页面图片横向滚播效果:
<html><head><style>body{margin:0px;}ul{list-style:none;border:0;padding:0px;margin:0px;}li{list-style:none;float:left;border:0;padding:0px;margin:0px;}img{border:0px;padding:0px;margin:0px;}</style></head><body><center><divid="div1"style="overflow:hidden;cursor:hand;margin-top:50px;"onmouseover="stop()"onmouseout="ss()"><ulid="img"style="clear:both;"><!--放图片的容器,此容器在div1里滚动--><!--以下是要滚动的内容--><li><imgid="img0"src="http://www.alixixi.com/images/index180.gif"width="100"height="100"style="display:block;"/></li><li><imgid="img1"src="http://www.alixixi.com/images/index180.gif"width="100"height="100"style="display:block;"/></li><li><imgid="img2"src="http://www.alixixi.com/images/index180.gif"width="100"height="100"style="display:block;"/></li><li><imgid="img3"src="http://www.alixixi.com/images/index180.gif"width="100"height="100"style="display:block;"/></li></ul></div></center><scriptlanguage="javascript">varw,h,id,speed,Htmlw=400;//-------滚动容器的宽度--------//h=100;//-------滚动容器的高度--------//id="div1";//-------滚动容器的id--------//direction="left";//-------滚动方向有四个值left,right,up,down,自己试试--------//speed="100";//-------滚动速度100相当于1秒,越小越快--------//imgDiv="img";//-------放图片的容器id--------//HtmlL=document.getElementById(imgDiv).innerHTML;HtmlT=document.getElementById(id).innerHTML;switch(direction){case"left":document.getElementById(imgDiv).innerHTML=HtmlL+HtmlL;break;case"right":document.getElementById(imgDiv).innerHTML=HtmlL+HtmlL;break;case"up":document.getElementById(id).innerHTML=HtmlT+HtmlT;break;case"down":document.getElementById(id).innerHTML=HtmlT+HtmlT;break;}functionss(){document.getElementById(id).style.width=w;document.getElementById(id).style.height=h;document.getElementById(imgDiv).style.width=w*2;document.getElementById(imgDiv).style.height=h;vareleele=document.getElementById("div1");switch(direction){case"left":ele.scrollLeft=ele.scrollLeft+5;if(ele.scrollLeft>=w){ele.scrollLeft=0;}break;case"right":ele.scrollLeft=ele.scrollLeft-5;if(ele.scrollLeft<=0){ele.scrollLeft=w;}break;case"up":ele.scrollTop=ele.scrollTop+5;if(ele.scrollTop>=h){ele.scrollTop=0;}break;case"down":ele.scrollTop=ele.scrollTop-5;if(ele.scrollTop<=0){ele.scrollTop=h;}break;}t=setTimeout("ss()",speed);}functionstop(){document.getElementById("div1").scrollLeft=document.getElementById("div1").scrollLeft;document.getElementById("div1").scrollTop=document.getElementById("div1").scrollTop;clearTimeout(t);}setTimeout("ss()",100);</script></body></html><ahref="rul">网站名称</a>