圖片全屏代碼
瀏覽器最下面有一個狀態欄,也就是瀏覽器右下角,看到100%了么?點擊那個可以縮放網頁,你可以選擇125%或者150%,網頁就是滿屏了,圖片就會從左到右的滿屏顯示了。
⑵ 求易語言顯示全屏圖片的代碼
給你一個簡單一點的源碼,因為不知道你要的是什麼效果
只要一個時鍾回,然後吧你的圖片載入答資源庫
.版本
2
.程序集
窗口程序集1
.子程序
__啟動窗口_創建完畢
_啟動窗口.邊框
=
0
'
不要邊框
_啟動窗口.寬度
=
取屏幕寬度
()
'
全屏
_啟動窗口.高度
=
取屏幕高度
()
'
全屏
時鍾1.時鍾周期
=
1000
'
開始換圖
.子程序
_時鍾1_周期事件
.局部變數
隨機數,
整數型
置隨機數種子
()
隨機數
=
取隨機數
(1,
3)
'
假設三幅圖片
.如果
(隨機數
=
1)
_啟動窗口.底圖
=
#圖1
.否則
.如果結束
.如果
(隨機數
=
2)
_啟動窗口.底圖
=
#圖2
.否則
.如果結束
.如果
(隨機數
=
3)
_啟動窗口.底圖
=
#圖3
.否則
.如果結束
如果要高級或者復雜點的請說清除點
⑶ html背景圖片全屏顯示代碼
這里有很多教程
http://truelong.cn/index_9.html
CSS是Cascading Style Sheets的簡稱,中文譯作「層疊樣式表單」,我把它叫作「層疊樣式表」,我感到這樣順口一點,沒別的意思。實際上它是一組樣式。你可能對CSS這個名詞比較陌生,實際上無論你用Internet Explorer還是Netscape Navigator在網上沖浪,幾乎隨時都在與CSS打交道,在網上沒有使用過CSS的網頁可能不好找。不管你用什麼工具軟體製作網頁,都有在有意無意地使用CSS。用好CSS能使你的網頁更加簡煉,為什麼同樣內容的網頁,有的人做出來有幾十KB,而高手做出來只有十幾KB,CSS在其中的作用是不言而喻的。我把我在使用CSS中的一些小經驗以及一些網友來信提問的問題整理出來,供諸位參考。
1、CSS在網頁製作中一般有三種方式的用法,那麼具體在使用時該採用哪種用法?
當有多個網頁要用到的CSS,採用外連CSS文件的方式,這樣網頁的代碼大大減少,修改起來非常方便;只在單個網頁中使用的CSS,採用文檔頭部方式;只有在一個網頁一、兩個地方才用到的CSS,採用行內插入方式。
2、CSS的三種用法在一個網頁中要以混用嗎?
三種用法可以混用,且不會造成混亂。這就是它為什麼稱之為「層疊樣式表」的原因,瀏覽器在顯示網頁時是這樣處理的:先檢查有沒有行內插入式CSS,有就執行了,針對本句的其它CSS就不去管它了;其次檢查頭部方式的CSS,有就執行了;在前兩者都沒有的情況下再檢查外連文件方式的CSS。因此可看出,三種CSS的執行優先順序是:行內插入式、頭部方式、外連文件方式。
3、在Dreamweavermx中如何使外部文件式CSS?
在Dreamweavermx中使用外連文件式CSS並沒有特殊要求,同樣是用記事本創建一個*.css文件,在網頁的<head>與</head>之間加上一句這樣的代碼:<link rel="stylesheet" href="在這里填上你的CSS文件地址(相對路徑+文件名)" type="text/css"> 就行了。
4、如何用Dreamweavermx快速創建CSS外連式文件?
對於一個初接觸CSS的網頁設計人員來講,要用記事之類的編輯器,去創建一個CSS外連式文件是相當困難的。由於Dreamweavermx對CSS支持的很好,用它來幫助就輕松多了。具體可以這樣操作:
1)先在紙上寫好在網站的網頁中可能要用到的格名稱,然後在Dreamweavermx的編輯窗中調出CSS面板,一個一個地定義,並在一個空白頁上適當地寫一點相關內容,邊定義邊試用,效果不滿意,立即修改;
2)全部定義好後,再用記事本創建一個空的CSS外連式文件,把在<head>與</head>之間的那段定義好的CSS復制到CSS文件中去,就大功告成了。整個過程就是點滑鼠,方便吧?
5、在Dreamweavermx中採用行內插入式CSS要手動寫代碼嗎?
不用!先用CSS面板定義好要用的CSS,然後,在要插入CSS的標記插入:style="",再把你剛才定義的CSS從<head>後面拖到這個雙引號中來,把花括弧以外的部分刪去就行了。
6、在方檔頭部方式和外連文件方式的CSS中都有「<!--」和「-->」,好象沒什麼用,不要可以嗎?
這一對東東的作用是為了不引起低版本瀏覽器的錯誤。如果某個執行此頁面的瀏覽器不支持CSS,它將忽略其中的內容。雖然現在使用不支持CSS瀏覽器的人已很少了,由於互聯網上幾乎什麼可能都會發生,所以還是留著為妙。
7、如何給一部分文字加背景色?
給文字加上不同顏色,在Dreamweavermx中只要在屬性面板上選取文字的顏色就行了,非常方便,但要給部分文字加不同的背景色卻沒有相應的功能,我們可以先做一個定義背景色的CSS(如:bgstyle),在Dreamweavermx中點幾下鼠就完成了。如一個定義淡黃色背景的CSS是這樣的:
<style type="text/css">
<!--
.bgstyle { background: #FFFFCC}
-->
</style>
在要用時選取那段文字,再在CSS面板上點一下「bgstyle」就行了。
8、如何給部分文字加背景圖像?
與加背景色操作類似,中是在背景在選擇載入圖象就是了,一個定義好的加背景圖象的CSS例子的代碼是這樣的:
<style type="text/css">
<!--
.imgbgstyle { background-image: url(logo.gif)}
-->
</style>
在要用時選取那段文字,再在CSS面板上點一下「imgbgstyle」就行了。
9、如何使頁面的背景在文字「滾動」時背景圖案靜止不動?
要使背景圖案不隨文字「滾動」的CSS是這樣的:
<style type="text/css">
<!--
BODY { background: purple url(bg.jpg);
background-repeat:repeat-y;
background-attachment:fixed
}
-->
</style>
10、如何定義字間距?
在Dreamweavermx中CSS的屬性定義對話框(Style Definition for .style1)的「Block」上的「letter spaceing」屬性定義的就是字間距,它指的是每一個字元之間的額外間距,經長度為單位,正負值均可,當取負值時產生字元擠在一起的效果。下面代碼是一個定義好的字間距CSS例子:
<style type="text/css">
<!--
.style1 { letter-spacing: 3px}
-->
</style>
11、如何給文字加上劃線、下劃線、刪除線和閃爍?
在Dreamweavermx中CSS的屬性定義對話框(Style Definition for .style1)的「Type」上的「decoration」屬性定義的就是這些內容,要注意的是閃爍屬性有些版本的瀏覽器不支持,少用為好。下面是一個定義好上述效果的CSS例子:
<style type="text/css">
<!--
.style1 { text-decoration: underline overline line-through blink}
-->
</style>
其中: 「underline」是定義下劃線;「overline 」是定義上劃線;「 line-through」定義的是刪除線;「blink」定義的是文字閃爍。
12、如何使網頁具有「首行縮進」功能?
由於Dreamweavermx輸入空格不方便,利用「首行縮進」將彌補這個不足。在Dreamweavermx中CSS的屬性定義對話框(Style Definition for .style1)的「Block」上的「text-indent」屬性定義的就是「首行縮進」,所謂「首行」是指每段內容的第一行,也就是直接按回車鍵就形成了一個新的段落。縮進最好以「em」(字元)為單位,比如:漢字編排要求每段開始縮進兩個漢字,設置好的CSS如下所示:
<style type="text/css">
<!--
.style1 { text-indent: 2em}
-->
</style>
在Dreamweavermx要注意:在DWmx中CSS的屬性定義對話框(Style Definition for .style1)的「Block」上的「text-indent」右面的縮進單位選擇框中「ems」指的就是「em」。
13、在用表格進行排版時,能使某一方向上的內容離開表格線一點嗎?
可以!在Dreamweavermx中CSS的屬性定義對話框(Style Definition for .style1)的「Box」上的「margin」定義的就是內容離開邊緣的距離,分別可定義四個方向:「top」「bottom」「left」「right」。下面就是定義在左邊離開「10px」的CSS例子代碼:
<style type="text/css">
<!--
.style1 { margin: 0px 0px 0px 10px}
-->
</style>
14、能給某部分內容加邊框嗎?
用CSS可以給某部分內容加邊框,在Dreamweavermx中CSS的屬性定義對話框(Style Definition for .style1)的「Border」定義的就是邊框線,「top」「bottom」「left」「right」四邊可分別定義線的粗細和顏色,這些定義好後不要忘記在下面的「Style」中定義線型,否則將看不邊框線,因為默認的線型是「none」。下面是一個定義了上邊框為:藍色細線;左邊框為:綠色中粗線的CSS例子:
<style type="text/css">
<!--
.style1 { border: solid; border-width: thin 0px 0px medium; border- color: #0000FF black black #00FF00}
-->
</style>
去這里
⑷ 如何全屏顯示選擇的圖片 代碼是什麼應該添加在哪裡
你可以再打開一個activity吧,只顯示一個圖片。。。
⑸ 怎麼讓電腦上的圖片全屏顯示呢
1,首先,在電腦上找到要以全屏顯示的圖片位置,點擊選中。
⑹ 全屏圖片居中的html代碼怎麼寫
不同大小規格的顯示器顯示與定位無關,加個自適應代碼就好了
⑺ 全屏大圖代碼
全屏幕的背景是直接添加到體內背景圖片
如果你想使一個十字狀的瓷磚,然後css來寫
身體{背景:網址(背景圖片)重復
-
X左上角#FFF
;}
垂直平鋪寫道
身體{背景:網址(背景圖片)重復
-
Y左上角#FFF;}
背景大圖居中,然後寫
身體{背景:網址(背景圖像)不重復中心頂部#FFF;}
背景大畫面的中心,那麼這個背景圖片的要求必須至少足夠大,寬1440
⑻ html中的背景圖片,一張全屏顯示
Background : 背景色
Background Image :選取你的背景圖
Reapeat : 背景圖是否重復,其中選no-repeat為不重復,repeat為重復,repeat-x和repeat-y分別為只在X和Y方向重復。
Attachment : 背景圖位置,fix為背景圖位置固定不變,scroll為背景圖隨頁面一同滾動
Horizontal : 為固定背景圖時圖在水平方向所居的位置,可以選擇居中,居左,居右或自己設定距左的距離。
Vertical : 為固定背景圖時圖在豎直方向所居的位置,可以選擇居中,居頂部,居底部或自己設定距頂的距離。
注意帶 * 的選項要在瀏覽器里才能看到效果。
設定完畢,對Dreamweaver左下角點選<body應用該CSS樣式就行了
不光是<body標簽,頁面里有的元素都可以在那裡選擇,可以很方便的選取應用對象。
對於所有onload 的觸發事件,也都可以選<body再加Behavior,比如drag layer或打開頁面後彈出窗口等等
background-attachment屬性控制背景圖象是否隨內容一起滾動,取值為scroll和fixed。默認值為scroll(滾動);fixed為靜止。
⑼ HTML帶連接圖片全屏代碼
//html5 的全屏模式
functionlaunchFullScreen(element){
if(element.requestFullScreen) {
element.requestFullScreen();
} elseif(element.mozRequestFullScreen) {
element.mozRequestFullScreen();
} elseif(element.webkitRequestFullScreen) {
element.webkitRequestFullScreen();
}
}
// 啟動全屏模式
launchFullScreen(document.documentElement); // 整個頁面
launchFullScreen(document.getElementById("videoElement")); // 單獨元素內
希望對你有幫助容
⑽ 跪求一段圖片全屏浮動的JS 代碼!
< div id="img" style="position:absolute;">
< a href="#" target="_blank">
< img src="test.gif" >
< /a>
< /div>
< SCRIPT LANGUAGE="JavaScript1.2">
< !-- Begin
var xPos = 20;
var yPos = document.body.clientHeight;
var step = 1;
var delay = 30;
var height = 0;
var Hoffset = 0;
var Woffset = 0;
var yon = 0;
var xon = 0;
var pause = true;
var interval;
img.style.top = yPos;
function changePos() {
width = document.body.clientWidth;
height = document.body.clientHeight;
Hoffset = img.offsetHeight;
Woffset = img.offsetWidth;
img.style.left = xPos + document.body.scrollLeft;
img.style.top = yPos + document.body.scrollTop;
if (yon) {
yPos = yPos + step;
}
else {
yPos = yPos - step;
}
if (yPos < 0) {
yon = 1;
yPos = 0;
}
if (yPos >= (height - Hoffset)) {
yon = 0;
yPos = (height - Hoffset);
}
if (xon) {
xPos = xPos + step;
}
else {
xPos = xPos - step;
}
if (xPos < 0) {
xon = 1;
xPos = 0;
}
if (xPos >= (width - Woffset)) {
xon = 0;
xPos = (width - Woffset);
}
}
function start() {
img.visibility = "visible";
interval = setInterval(