㈠ dw中無縫滾動的代碼怎麼寫
網頁無縫滾動一般是用JS寫的。下面給一段你參考。
<!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/html; charset=utf-8" />
<title>無標題文檔</title>
<style>
#marquee{width:562px; height:202px; margin:0 auto; position:relative; border:1px solid #000;}
#marquee ul{padding:0; margin:0; list-style-type:none; position:absolute; left:0;}
#marquee ul li{width:140px; height:200px; float:left;}
</style>
<script>
window.onload=function ()
{
var aUl=document.getElementById('marquee').getElementsByTagName('ul')[0]; //獲取 div中的ul,要讓圖片滾動其實就是改變ul的left值。
var aLi=aUl.getElementsByTagName('li');
var iSpeed=3;
var timer=null;
aUl.innerHTML+=aUl.innerHTML; //復制一份ul
aUl.style.width=aLi[0].offsetWidth*aLi.length+'px'; //使ul的寬度為所有li的寬度的總和
function autoMove() //定義一個函數,讓ul動起來。
{
aUl.style.left=aUl.offsetLeft-iSpeed+'px'; // 讓ul的left減去3,現在只是減一次。
if(aUl.offsetLeft<-aUl.offsetWidth/2)
{
aUl.style.left=0; //做一個判斷如果如果ul的left過了他自身寬度的一半,把他的left拉回來,變成0.
};
};
timer=setInterval(autoMove,30); // 開一個定時器讓之前的函數每隔0.03秒執行一次。從而實現不斷滾動。
aUl.onmouseover=function () // 讓滑鼠移到ul上停止滾動
{
clearInterval(timer);
};
aUl.onmouseout=function () //移出時重新滾動。
{
timer=setInterval(autoMove,30);
};
};
</script>
</head>
<body>
<div id="marquee">
<ul>
<li><img src="1" height="200" width="140" alt="圖片" /></li>
<li><img src="1" height="200" width="140" alt="圖片" /></li>
<li><img src="1" height="200" width="140" alt="圖片" /></li>
<li><img src="1" height="200" width="140" alt="圖片" /></li>
<li><img src="1" height="200" width="140" alt="圖片" /></li>
</ul>
</div>
</body>
</html>
㈡ DW做好的多個熱點放到淘寶怎麼實現全屏請求大神如何做到無縫
這個要修改代碼,也就是圖片實際的高度位置top
,一般在第二張圖的top參數調整到-10或者-20
㈢ 在dreamweaver中怎樣可以圖片無縫連接
定義單元格的寬高,要和圖片一樣大小。。。。並且設置表格的邊框,內邊距等為0
滿意請採納
㈣ 用DW cs4做網頁,背景圖片如何做到無縫拼接
從CS4版本開始DW已經不怎麼支持表格插入背景圖片了,表格布局的時代已經過去了,現在回Web 2.0標準的網答頁越來越多,DIV CSS的布局以後會用的越來越多
如果你還要用表格做網頁,設置背景圖片
2個辦法
用CS3
還有一個,手動寫代碼
將background="XXX.jpg"寫到TABLE屬性當中即可,XXX是圖片的名稱.jpg是圖片的格式
如果嫌麻煩,建議你要麼用DIV CSS布局,要麼還是用CS3
㈤ 用dreamweaver製作網頁時。布局後發現兩個單元格之間總是有一到縫。怎麼讓兩個單元格無縫對接
在創造單元格時,把這三項都設為0.
㈥ DW一個簡單的html上下有縫隙怎麼解決
解決方法1:設置圖片外容器font-size / line-height;
(因為所有圖片都會出現這個情況,只要是圖片,下方就會有空白,所有有圖片的地方都要設置。。。很不靠譜)
解決方法2:設置容器over-flow:hidden;
(同上,所有地方要設置。。。 )
解決方法3:圖片添加display:block;
(因為所有圖片都會出現這個情況,只要是圖片,下方就會有空白,都用display:block;的話,對於圖片列表要再次重新定義,也不好)
解決方法4:圖片添加float:left;
(理由同上,還要再解決清除浮動的問題)
解決方法5:圖片添加vertical-align
(目前測試任意屬性都可,相對影響幾乎沒有,暫時就把img的vertical-align 加到reset中吧)
㈦ DW表格 中間有縫 怎麼無縫連接啊
將邊框寬度定義為0,填充為0,間距為0.
就可以了。在下面的屬性面板里就可以看到。