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

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

發布時間: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。

閱讀全文

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

熱點內容
牙痛是怎麼引起的圖片 瀏覽:363
動漫大鳥圖片 瀏覽:519
真人毒液女生圖片 瀏覽:895
女生黑長直發發型圖片 瀏覽:723
簡單手繪女生背影圖片 瀏覽:132
衣服電商圖片展示 瀏覽:71
美甲可愛圖片熊貓 瀏覽:709
晚上寫作業圖片配文字 瀏覽:742
給老公買的衣服的圖片 瀏覽:777
操場男生坐著圖片 瀏覽:17
淘寶促銷圖片怎麼做 瀏覽:571
衣服圖片換背景怎麼保留陰影 瀏覽:79
跑步最簡單的圖片 瀏覽:770
word插入圖片不顯示直接消失 瀏覽:419
男生半臉短發發型圖片 瀏覽:127
一冊書怎麼畫圖片簡單的 瀏覽:620
正品拼皮衣服圖片 瀏覽:788
做自己圖片文字圖片 瀏覽:714
圖片編輯中使用了宏如何取消 瀏覽:466
簡單的跳畫圖片 瀏覽:756