A. div 圖片熱區怎麼滑過 彈出層 高手幫下忙 在線等
用js寫個mouseover函數上去就可以了
B. frontpage如何在圖片上建立熱區啊
這個網上就有教程了,就不錯另外介紹,可以參照下面的步驟!
1、啟動FrontPage2003,打開需要建立圖片熱區的網頁文件。
2、執行「視圖→工具欄→圖片」命令,展開「圖片」工具欄(如圖3)
注意:此處的「屏幕提示」同DreamweaverMX「替代」功能一樣。
4、同理,重復上述3、4步的操作,可以在圖片的不同部位建立多個熱區。
C. 如何在excel中,插入一個圖片,但只顯示這個圖片的小圖,在點擊這個圖片小圖之後,就會彈出完整圖
可以用宏做到你的要求,需要自己錄制一下,准備好小圖和完整圖,錄制一個宏載入在小圖上,只一點小圖就彈出某張本來隱藏的大圖。
D. 網頁製作滑鼠移動圖片怎麼設置彈出小提示
滑鼠放上之後,出現圖片本身的文字說明。例如:
<imgsrc="這里是圖片地址"alt="這里是文字說明">這個現在不常用的。瀏覽器也不一定支持了。
那麼第二種情況,就要用到JavaScript或者jQuery。JavaScript是一種直譯式腳本語言,是一種動態類型、弱類型、基於原型的語言,內置支持類型。jQuery是一個輕量級的Javascript庫。
例如如下代碼(復制到到記事本保存為.html的後綴名即可預覽):
<htmlxmlns="
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>懶人原生滑鼠懸停圖片文字動畫效果</title>
<style>
*{margin:0;padding:0;list-style:none;}
img{border:0;}
#lanrenjia{height:auto;width:820px;margin:100pxauto;overflow:hidden;}
#lanrenjiaulli{width:396px;height:165px;overflow:hidden;float:left;margin:0px10px10px0px;position:relative;}
#lanrenjiaulli.text{width:100%;height:0;overflow:hidden;position:absolute;left:0;bottom:0;background:url(
)repeat;font-size:12px;color:#fff;}
#lanrenjiaulli.textp{text-align:left;color:#fff;line-height:180%;padding:5px10px;clear:both}
#lanrenjiaulli.textb{display:block;padding:5px10px;display:block;float:left;background:#333;margin-bottom:5px;}
</style>
</head>
<body>
<!--代碼部分begin-->
<divid="lanrenjia">
<ul>
<li>
<ahref="
<divclass="text">
<b>菜單導航</b>
<p>菜單導航欄目-是懶人之家下設的一個主要欄目,收集了大量互聯網上的導航代碼,內容涵蓋量最廣泛,最實用</p></div>
</li>
<li>
<ahref="
<divclass="text">
<b>tab標簽</b>
<p>tab標簽,是懶人之家下設的一個主要欄目,收集了大量互聯網上的tab標簽代碼,內容涵蓋量最廣泛,最實用</p></div>
</li>
<li>
<ahref="
<divclass="text">
<b>QQ在線客服代碼</b>
<p>在線客服-是懶人之家下設的一個主要欄目,收集了大量互聯網上的在線客服代碼,內容涵蓋量最廣泛,最實用</p></div>
</li>
<li>
<ahref="
<divclass="text">
<b>圖片特效</b>
<p>圖片特效-是懶人之家下設的一個主要欄目,收集了大量互聯網上的圖片特效代碼,內容涵蓋量最廣泛,最實用</p></div>
</li>
</ul>
</div>
<scriptsrc="
<script>
$(function(){
$('#lanrenjiali').hover(function(){
$('.text',this).stop().animate({
height:'165px'
});
},function(){
$('.text',this).stop().animate({
height:'0'
});
});
});
</script>
<!--代碼部分end-->
</body>
</html>
E. 用DW中在圖形上加上熱區是會彈出提示框
你更改的頁面是不是用模版做的?如果是,那麼你要改的圖片就該在模版頁面中去改.因為模版鎖定了的部分是不能在應用了模版頁面里修改的
我判斷你要改的頁面是用DW的模版生成的,並且那些圖片是在不能編輯的區域里.要改就改母版文件.後綴為.DWT的文件
模版的功能就是把網頁的布局和內容分開,在布局設計好後將其存儲為模版,以後製作相同頁面時就可以調用模版了,就不用每次都重新做了。
二、模板的創建和設置
1)模板的概念:作為創建其它文檔的樣板的文檔。創建模板時,可以說明哪些網頁元素不可編輯,哪些元素可以編輯。其擴展名為.dwt。
2)模板的作用:有利於保持網頁風格的一致;提高工作效率。
1.創建模板
1)創建一個全新的模板:在模板面板中,使用快捷菜單按鈕或單擊面板上的新建按鈕
模板面板的打開:Window菜單--Templates
2)創建基於文檔的模板:File菜單-Save As Template
2.設置模板頁面屬性
1)用模板創建的文檔繼承模板的頁面屬性,頁標題除外。
2)設置:Modify菜單-Page Properties
3.定義模板的可編輯區
1)定義模板的可編輯區
在模板文檔中選定對象、Modify菜單、Templates、New Editable Region
2)取消可編輯區標記
Modify菜單-Templates-Remove Editable Region
三、模板的應用和更新
1.應用模板創建文檔
1)應用模板創建文檔
使用模板創建新文檔:File菜單-New From Template
或:File菜單-New-從模板面板中拖一個模板到文檔
對現有文檔應用模板:Modify菜單-Templates-Apply Template to Page-模板面板中選定模板-單擊Select
或:從模板面板中拖一個模板到文檔中
或:從模板面板中選定一個模板,單擊Apply
2)可編輯區和鎖定區
在應用了模板的文檔中,只有可編輯區的內容才可以修改。
3)把頁面從模板中分離出來
如果要對應用了模板的頁面的鎖定區進行修改,必須先把頁面從模板中分離出來。
具體操作:Modify菜單-Templates-Detach From Template
2.修改模板
在模板面板中選定模板、單擊編輯按鈕或雙擊模板名稱或使用快捷菜單的Edit、編輯完成後保存
3.更新站點中使用模板的所有文件
Modify菜單-Templates-Update Pages
F. 製作網頁時如何給圖片設置熱區鏈接
一、在Dreamweaver MX中為圖片建立熱區 1、啟動Dreamweaver MX(其他版本請仿照操作),打開需要建立圖片熱區的網頁文件,選中相應的圖片,此時「屬性」面板自動切換到「圖片屬性」狀態(如圖1)。 2、選中一種熱區類型(如「橢圓」),然後在圖片上拖來出一個熱區來(參見圖1) 注意:熱區相當於是在圖片上增加了一個圖形層,象調整圖片一樣,可以通過滑鼠調整熱區的大小和位置。 3、在「鏈接」右邊的方框中輸入要鏈接的網址(如「 http://www.yesky.com 」);在「替代」後面的方框中輸入一些說明字元(如「天極網」);按「目標」右邊的下拉按鈕,在隨後出現的下拉列表中選擇一種鏈接頁面的打開方式(如需要讓鏈接的頁面在新窗口中打開,就選擇「_blank」選項)。 注意:「替代」方框中輸入的字元,在以後瀏覽網頁時,當滑鼠指向該熱區時,在頁面上會顯示出該字元(如圖2)。 4、重復上述2、3步的操作,在圖片的不同部位建立多個熱區。 在FrontPage2003中為圖片建立熱區 1、啟動FrontPage2003,打開需要建立圖片熱區的網頁文件。 2、執行「視圖→工具欄→圖片」命令,展開「圖片」工具欄 3、選中一種熱區類型(如「長方形」),然後在圖片上拖來出一個熱區,此時系統自動彈出「插入超鏈接」對話框 4、在「地址」欄上輸入要鏈接的網址;點擊「屏幕提示」按鈕打開「設置屏幕超鏈接提示」對話框,輸入一些說明字元 注意:此處的「屏幕提示」同Dreamweaver MX「替代」功能一樣。 4、同理,重復上述3、4步的操作,可以在圖片的不同部位建立多個熱區。
G. jQuery插件viewer查看圖片時候會彈出圖片,如何控制圖片彈出顯示大小。
你說的是後面整個半透明的背景吧,這個無法控制,這部分是整個容器的背景,容器是絕對定位,如果修改了容器,那麼圖片就無法定位了,折中的辦法就是取消容器背景色,給圖片添加陰影,達到期望的效果。
.viewer-container{background-color: transparent;}
.viewer-canvas>img {box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.5);
否則只能修改插件源代碼
H. 網頁代碼中滑鼠移到圖片某個區域自動彈出另一張小圖的代碼怎麼編輯
使用純CSS即可實現全部效果,代碼也很簡單。
原理:hover觸發CSS臨近選擇器
所需工具:DW(用來給圖片畫熱區),PS(算出彈出層的top和left偏移值)
我在Demo里畫了三個熱區(位置如下圖),你用滑鼠懸停到上面即可看到效果。
I. Excel單元格中插入圖片後點擊圖片後可以彈出圖片怎麼做
你插入圖片後,右鍵點擊圖片彈出菜單,選擇超鏈接,將所需彈出的圖片的地址路徑進行選擇,之後你的滑鼠移動到圖片上後就會出現一個小手的滑鼠,點擊後你選擇所需的圖片就會出來了
J. 製作網頁時如何給圖片設置熱區鏈接
一、在Dreamweaver
MX中為圖片建立熱區
1、啟動Dreamweaver
MX(其他版本請仿照操作),打開需要建立圖片熱區的網頁文件,選中相應的圖片,此時「屬性」面板自動切換到「圖片屬性」狀態(如圖1)。
2、選中一種熱區類型(如「橢圓」),然後在圖片上拖來出一個熱區來(參見圖1)
注意:熱區相當於是在圖片上增加了一個圖形層,象調整圖片一樣,可以通過滑鼠調整熱區的大小和位置。
3、在「鏈接」右邊的方框中輸入要鏈接的網址(如「
http://www.yesky.com
」);在「替代」後面的方框中輸入一些說明字元(如「天極網」);按「目標」右邊的下拉按鈕,在隨後出現的下拉列表中選擇一種鏈接頁面的打開方式(如需要讓鏈接的頁面在新窗口中打開,就選擇「_blank」選項)。
注意:「替代」方框中輸入的字元,在以後瀏覽網頁時,當滑鼠指向該熱區時,在頁面上會顯示出該字元(如圖2)。
4、重復上述2、3步的操作,在圖片的不同部位建立多個熱區。
在FrontPage2003中為圖片建立熱區
1、啟動FrontPage2003,打開需要建立圖片熱區的網頁文件。
2、執行「視圖→工具欄→圖片」命令,展開「圖片」工具欄
3、選中一種熱區類型(如「長方形」),然後在圖片上拖來出一個熱區,此時系統自動彈出「插入超鏈接」對話框
4、在「地址」欄上輸入要鏈接的網址;點擊「屏幕提示」按鈕打開「設置屏幕超鏈接提示」對話框,輸入一些說明字元
注意:此處的「屏幕提示」同Dreamweaver
MX「替代」功能一樣。
4、同理,重復上述3、4步的操作,可以在圖片的不同部位建立多個熱區。