㈠ DW8中想做到點擊文字時出現圖片,要具體怎麼做,JavaScript語言要怎麼寫,寫在什麼位置
<html>
<head>
<style type="text/css">
#img1{display:none;}
</style>
<script type="text/javascript">
function hiddenImg()
{
var img1=document.getElementById("img1");
if(img1.style.display==""||img1.style.display=="none")
{
img1.style.display="block";
}
else
{
img1.style.display="none";
}
}
</script>
</head>
<body>
<p onmousedown="hiddenImg()">要點擊的文字</p>
<img id="img1" src="風景1.jpg" alt="風景" />
</body>
</html>
點擊顯示圖片在點擊隱藏圖片,如此循環
㈡ DW中 滑鼠放在文字上自動顯示圖片效果代碼
<!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>
<meta name="description" content="" />
<meta name="keywords" content="" />
</head>
<body>
<script type="text/javascript">
function sMouseover(name,cursel,n){
for(i=1;i<=n;i++){
var con=document.getElementById("con_"+name+"_"+i);
con.style.display=i==cursel?"block":"none";
}
}
function sMouseout(name,cursel,n){
for(i=1;i<=n;i++){
var con=document.getElementById("con_"+name+"_"+i);
con.style.display="none";
}
}
</script>
<style type="text/css">
<!--
.STYLE5 { font-size: 16px;
line-height: 1.5;
font-family: "宋體";
}
.STYLE7 {position: relative;color: #FF0000}
.STYLE7 img{display:none; position: absolute; top: 20px; left:0;}
-->
</style>
<p>
<p><span class="STYLE5"><br />
形態特徵 喬木,高達27m,胸徑可達80cm。<span id="pic1" onMouseOver="sMouseover('pic','1','2')" onMouseout="sMouseout('pic','1','2')" class="STYLE7">樹皮白色<img src="2000.gif" alt="" width="141" height="188" id="con_pic_1"/></span></span>
<span class="STYLE5"><span class="STYLE5">,紙片狀,常平滑或開裂。小枝光滑無毛。<br />
下面密被樹脂點,<span id="pic2" class="STYLE7" onMouseOver="sMouseover('pic','2','2')" onMouseout="sMouseout('pic','2','2')">葉三角狀卵形至菱狀卵形<img src="2000.gif" alt="" width="141" height="188" id="con_pic_2" style="display:none; position: absolute; top:20px; left:0; visibility: visible;" /></span>,葉緣為鈍尖重鋸齒,側脈5-8對;葉柄無毛.</span></p>
<p> </p>
<p> </p>
</body>
</html>
如果有三個就加一個<span id="pic3" onMouseOver="sMouseover('pic','3','3')" onMouseout="sMouseout('pic','3','3')" class="STYLE7">樹皮白色<img src="2000.gif" alt="" width="141" height="188" id="con_pic_3"/></span>
前面的sMouseout('pic','1','2')換成sMouseout('pic','1','3')
sMouseout('pic','2','2')換成sMouseout('pic','2','3')
如果更多的話,依次類堆
㈢ dw5點擊左邊文字,右邊出現相應的圖片,怎麼做出來
你的這一個問題的么現在真的是很少見的這么一個問題的么現在,點擊左邊文字,右邊出現相應的圖片,怎麼做出來了,那你可以網路一下看看的么現在。
㈣ dreamweaver8如何做到滑鼠經過文字下面會彈出圖片
用css里的a:hover這個偽類,這個偽類的意思是滑鼠放在文字上時,顯示內容。你把你要彈出的圖片設為a的背景,a:hover{background:url}或者你可以用js實現該效果,mouseover和mouseout網上有很多這里就不寫了
㈤ DW里文字圍繞圖片,使圖片懸浮於文字右下方怎麼做啊
給圖片加個樣式,float:right;或都用定位做,position:absolute; right:0px; bottom:0px;
㈥ dw在文字下方加圖片如文字滑鼠移動過去就顯示而且不會遮住文字
用background-image這個屬性來設置
每次hover事件的時候更改背景圖片
就能實現你想要的了
希望能幫助到你
㈦ DW運行代碼後,插入圖片時文字顯示在圖片上怎麼辦
文字顯示在圖片上,有可能你是把圖片設置成為了背景。直接插入圖片,而不是將其設為背景就可以解決的。
㈧ Dreamweaver裡面如何點擊文字出現圖片
<title>無標題文檔</title>
<style>
em{display:none;}
li:hoverem{display:block;}
</style>
</head>
<body>
<ul>
<li>
<span>點擊</span>
<em><imgsrc="圖片地址"/></em>
</li>
</ul>
</body>
㈨ DW網頁製作如何點擊圖片時彈出另一個圖片,比如點擊微信圖片,在旁邊彈出二維碼
網上有很多類似代碼的;
一般是用js來實現的;
給你一段:<script language="javascript" src="http://www.8888ln.com/templets/qingxin/style/weixin.js"></script>
只需要在需要的地方放置這段代碼;然後將裡面的圖片替換一下就好了。
㈩ DW運行代碼後,插入圖片時文字顯示在圖片上怎麼辦
你可以通過以下三種方法嘗試解決此問題:
(1)將圖片單獨顯示出來,並設置其顯示的大小;
(2)將圖片作為背景的設置其顯示的位置
(3)你可以設置表格里單元格的大小控制圖片和文字的顯示。