導航:首頁 > 圖片大全 > 點擊一個圖片如何彈出文字

點擊一個圖片如何彈出文字

發布時間:2022-01-18 07:23:15

A. CSS中點擊圖片出現對應的文字

大體類似於這樣試試
<frameset cols="20%,*">
<frame src="1.html" />
<frame src="2.html" />
</frameset>

1.html
<!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>
<script type="text/javascript">
function init(){
var p=document.getElementsByTagName("p");
for(var i=0;i<p.length;i++){
p[i].onclick=test;
}
}
function test(){
var src=this.getAttribute("src");
var img=window.parent.frames[1].document.images[0];
img.setAttribute("src",src);
}
window.onload=init;
</script>
</head>

<body>
<p src="1.jpg">test1</p>
<p src="2.jpg">test2</p>
</body>
</html>

2.html
<!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>
</head>

<body>
<img src="3.jpg" />
</body>
</html>

B. html 點擊圖片顯示文本

滑鼠移動到圖片上,顯示文字,簡單的方法是利用「title」。
例如:
<img src="/index/4.png" alt="HTML5在線製作" title="HTML5在線製作">
滑鼠移動到4.png圖片上時候,顯示出「HTML5在線製作」

C. js點擊圖片在文本框內顯示文字

親,改一下js代碼,改成這樣就可以了

<scripttype="text/javascript">
tb=document.getElementById('textbox');
spans=document.getElementsByTagName("span");
for(vari=0;i<spans.length;i++)
{
spans[i].index=i;
spans[i].onclick=function()
{
alert(spans[this.index-1].innerHTML);
}
}
</script>

D. 滑鼠點擊圖片後能夠顯示出文字的網頁代碼

只要單擊圖片,就會彈出一個對話框,在對話框中顯示你要顯示的文字

<html>
<head>
<script language="vbscript">
<!--
sub yt_onclick
msgbox"你好"
end sub
sub ty_onclick
msgbox"hello"
end sub
-->
</script>
</head>
<body>
<a href=# name=ty><img src="你要顯示的圖片"></a>
</body>
</html>

E. ppt怎麼設置成讓圖片或一段文字一個一個的彈出

為圖片或文字依次設進入動畫,這樣就會一個一個彈出,請參照以下步驟。

1、首先在電腦上用2007版PPT軟體打開目標文件。

F. 如何在PPT上設計點擊一個文字會出現一個圖片

可以把文字設置成超鏈接,以PowerPoint 2016為例,有以下步驟:

1、在幻燈片中輸入文字。

G. 如何把圖片做成一個程序,點擊圖片上某一點,就會彈出一段文字

如果你要放在網頁上,那就可以作成flash格式
如果要在windows里實現,那就要做成軟體了

H. ppt中如何讓圖片下邊是文字,一點擊圖片就出現文字呢

在文字上做動畫,出現效果,把圖片的動畫效果設置無或者退出,然後對圖片和文字的動畫排序,圖畫在前,點擊之後是文字動畫

I. 滑鼠點擊圖片或文字,彈出新的圖片

突然想最簡單的是以網頁的形式彈出啊·
那就做多個HTML頁面·上面放你要彈出顯示的內容·位置坐到在點擊內容的左邊就OK拉···給右邊的圖片和文字加個鏈接就可以啦···

J. HTML/CSS 點擊一個文字或者圖片 彈出一個DIV。點擊文字的不同,彈出的DIV也不同。

用js來做,首先設置2個隱藏的div,當電議某一個文字的時候用js促發某個div顯示,並關閉原來顯示的div。

閱讀全文

與點擊一個圖片如何彈出文字相關的資料

熱點內容
word圖片標注題注怎麼改 瀏覽:568
卡通圖片大全可愛小 瀏覽:526
動漫美女解剖圖片 瀏覽:837
男生滄桑圖片 瀏覽:178
如何畫中考必勝唯美圖片 瀏覽:993
美女女真圖片 瀏覽:809
可愛正太圖片卡通 瀏覽:958
可愛語音識別圖片大全 瀏覽:523
鷹錢幣圖片及價格 瀏覽:359
唯美動漫圖片頭像女生 瀏覽:895
洗衣服圖片動態 瀏覽:766
女孩最漂亮圖片 瀏覽:649
陽陽動漫圖片 瀏覽:432
美女漂亮腳的圖片大全 瀏覽:23
新款軍鞋軍靴價格圖片 瀏覽:261
動漫插畫美女手繪圖片 瀏覽:101
車內裝修圖片大全 瀏覽:601
用ps怎麼保存圖片 瀏覽:74
各種男生碎發發型圖片 瀏覽:616
扇形圖片怎麼做 瀏覽:54