導航:首頁 > 文字圖片 > dw文字彈出圖片

dw文字彈出圖片

發布時間:2022-11-06 00:41:25

㈠ 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)你可以設置表格里單元格的大小控制圖片和文字的顯示。

閱讀全文

與dw文字彈出圖片相關的資料

熱點內容
男生看著遠處的女生動漫圖片 瀏覽:935
復古女短發發型圖片 瀏覽:908
男生積積圖片 瀏覽:773
在word上怎麼在圖片上插入圖片 瀏覽:994
小學二年級清廉手抄報圖片簡單 瀏覽:916
可愛的工作犬圖片 瀏覽:172
哈利波特的動漫圖片大全 瀏覽:85
空姐去機場路上換衣服圖片 瀏覽:563
qq圖片覆蓋怎麼弄 瀏覽:181
早安化妝可愛圖片 瀏覽:767
請吃飯文字圖片 瀏覽:623
新款寶駿730價格圖片 瀏覽:42
圖片傷感男生孤獨背影 瀏覽:431
有血的頭的小女孩圖片 瀏覽:879
高明度的衣服圖片 瀏覽:717
晚上如何拍照圖片清晰 瀏覽:454
男生的大體長什麼樣的圖片 瀏覽:195
一周寶寶發型男孩圖片 瀏覽:674
強壯的帥氣男生動漫圖片 瀏覽:403
女生帶污漬內褲圖片 瀏覽:169