當前位置:首頁 » 背景圖片 » asp背景圖片代碼
擴展閱讀
ps切片儲存了很多圖片 2024-10-24 10:19:00
抱著手機的圖片 2024-10-24 10:18:54
菊花唯美圖片素材 2024-10-24 10:14:10

asp背景圖片代碼

發布時間: 2022-01-31 12:54:12

1. asp中背景圖片的切換

比分我啊 ~把如下代碼加入<body>區域中
<center>
<script language="JavaScript1.2">var slideshow_width=140 //SET IMAGE WIDTH
var slideshow_height=225 //SET IMAGE HEIGHT
var pause=3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)var fadeimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages[0]="photo/photo1.jpg"
fadeimages[1]="photo/photo2.jpg"
fadeimages[2]="photo/photo3.jpg"////NO need to edit beyond here/////////////var preloadedimages=new Array()
for (p=0;p<fadeimages.length;p++){
preloadedimages[p]=new Image()
preloadedimages[p].src=fadeimages[p]
}var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1
var dom=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1if (ie4||dom)
document.write('<div style="position:relative;width:'+slideshow_width+';height:'+slideshow_height+';overflow:hidden"><div id="canvas0" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;filter:alpha(opacity=10);-moz-opacity:10"></div><div id="canvas1" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;filter:alpha(opacity=10);-moz-opacity:10"></div></div>')
else
document.write('<img name="defaultslide" src="'+fadeimages[0]+'">')var curpos=10
var degree=10
var curcanvas="canvas0"
var curimageindex=0
var nextimageindex=1
function fadepic(){
if (curpos<100){
curpos+=10
if (tempobj.filters)
tempobj.filters.alpha.opacity=curpos
else if (tempobj.style.MozOpacity)
tempobj.style.MozOpacity=curpos/100
}
else{
clearInterval(dropslide)
nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
tempobj.innerHTML='<img src="'+fadeimages[nextimageindex]+'">'
nextimageindex=(nextimageindex<fadeimages.length-1)? nextimageindex+1 : 0
setTimeout("rotateimage()",pause)
}
}function rotateimage(){
if (ie4||dom){
resetit(curcanvas)
var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.style.zIndex++
var temp='setInterval("fadepic()",50)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
}
else
document.images.defaultslide.src=fadeimages[curimageindex]
curimageindex=(curimageindex<fadeimages.length-1)? curimageindex+1 : 0
}function resetit(what){
curpos=10
var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
if (crossobj.filters)
crossobj.filters.alpha.opacity=curpos
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=curpos/100
}function startit(){
var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.innerHTML='<img src="'+fadeimages[curimageindex]+'">'
rotateimage()
}if (ie4||dom)
window.onload=startit
else
setInterval("rotateimage()",pause)</script>

2. 如何使ASP網站背景圖片全屏

<style
type="text/css">
<!--
body
{
background-image:
url(images/123.jpg);
}
-->
</style>
如果不能全屏,可能是你其它的樣式影響了

3. 急::請問一下,這個ASP代碼中如何設置背景圖片

這段代碼輸出的是javascript語句,結果:parent.f6.document.writeln("<body bgcolor="+ winbgcolor +"background="+ winbgimage + " bgproperties=fixed >");
javascript語句也是輸出語句,輸出結果為:
<body bgcolor=顏色 background=路徑 bgproperties=fixed >");
改成下面:
Response.Write "parent.f6.document.writeln('<body background="" 圖片路徑"" bgproperties=fixed >');"
輸出結果為:
parent.f6.document.writeln('<body background="圖片路徑" bgproperties=fixed >');
javascript輸出為:
<body background="圖片路徑" bgproperties=fixed >

4. asp插入背景圖片,怎樣使其效果為水印

ASP給圖片加水印是需要組件的...常用的有aspjpeg軟體和中國人自己開發的wsImage軟體,可以上網搜索下載這兩個軟體,推薦使用咱們中國人自己開發的wsImage,畢竟是中文版,容易操作.
注冊組件的方法:
命令提示符下輸入"regsvr32 [Dll路徑]" 就可以了.
圖片添加水印無非就是獲得圖片大小,然後把水印寫上去..ASP代碼只是起個控制組件的作用.用代碼來說明一切吧.
一:獲得圖片大小(這里是用象素值表示的.學PhotoShop的朋友都應該明白)
<%
set obj=server.CreateObject("wsImage.Resize") ''調用組件
obj.LoadSoucePic server.mappath("25.jpg") ''打開圖片,圖片名字是25.jpg
obj.GetSourceInfo iWidth,iHeight
response.write "圖片寬度:" & iWidth & "<br>" ''獲得圖片寬度
response.write "圖片高度:" & iHeight & "<br>" ''獲得圖片高度
strError=obj.errorinfo
if strError<>"" then
response.write obj.errorinfo
end if
obj.free
set obj=nothing
%>
''----------------------------------------------------------------''
二:添加文字水印
<%
set obj=server.CreateObject("wsImage.Resize")
obj.LoadSoucePic server.mappath("25.jpg") ''裝載圖片
obj.Quality=75
obj.TxtMarkFont = "華文彩雲" ''設置水印文字字體
obj.TxtMarkBond = false ''設置水印文字的粗細
obj.MarkRotate = 0 ''水印文字的旋轉角度
obj.TxtMarkHeight = 25 ''水印文字的高度
obj.AddTxtMark server.mappath("txtMark.jpg"), "帶你離境", &H00FF00&, 10, 70
strError=obj.errorinfo ''生成圖片名字,文字顏色即水印在圖片的位置
if strError<>"" then
response.write obj.errorinfo
end if
obj.free
set obj=nothing
%>
''----------------------------------------------------------------''
三:添加圖片水印
<%
set obj=server.CreateObject("wsImage.Resize")
obj.LoadSoucePic server.mappath("25.jpg") ''裝載圖片
obj.LoadImgMarkPic server.mappath("blend.bmp") ''裝載水印圖片
obj.Quality=75
obj.AddImgMark server.mappath("imgMark.jpg"), 315, 220,&hFFFFFF, 70
strError=obj.errorinfo ''生成圖片名字,文字顏色即水印在圖片的位置
if strError<>"" then
response.write obj.errorinfo
end if
obj.free
set obj=nothing
%>
''----------------------------------------------------------------''
其實給圖片添加水印就這么簡單.然後我在說下WsImage.dll組件的另外兩個主要用法.包括:
剪裁圖片,生成圖片的縮略圖.
還是以我得習慣,用代碼加註釋說明:
剪裁圖片:
<%
set obj=server.CreateObject("wsImage.Resize")
obj.LoadSoucePic server.mappath("25.jpg")
obj.Quality=75
obj.cropImage server.mappath("25_crop.jpg"),100,10,200,200 ''定義裁減大小和生成圖片名字
strError=obj.errorinfo
if strError<>"" then
response.write obj.errorinfo
end if
obj.free
set obj=nothing
%>
詳細注釋:裁減圖片用到了WsImage的CropImage方法.其中定義生成圖片時候,100,10是左上角的裁減點,即離圖片左邊是100象素,頂端10象素.後兩個200代表的是裁減的寬頻和高和高度.
''----------------------------------------------------------------''
生成圖片縮略圖:
<%
set obj=server.CreateObject("wsImage.Resize")
obj.LoadSoucePic server.mappath("25.jpg") ''載入圖片
obj.Quality=75
obj.OutputSpic server.mappath("25_s.jpg"),0.5,0.5,3 ''定義縮略圖的名字即大小
strError=obj.errorinfo
if strError<>"" then
response.write obj.errorinfo
end if
obj.free
set obj=nothing
%>
詳細說明:
產生縮略圖共有四種導出方式:
(1) obj.OutputSpic server.mappath("25_s.jpg"),200,150,0
200為輸出寬,150為輸出高,這種輸出形式為強制輸出寬高,可能引起圖片變形。
(2) obj.OutputSpic server.mappath("25_s.jpg"),200,0,1
以200為輸出寬,輸出高將隨比列縮放。
(3) obj.OutputSpic server.mappath("25_s.jpg"),0,200,2
以200為輸出高,輸出寬將隨比列縮放。
(4) obj.OutputSpic server.mappath("25_s.jpg"),0.5,0.5,3
第一個0.5表示生成的縮略圖是原圖寬的一半,即表示寬縮小比例。
第二個0.5表示生成的縮略圖是原圖高的一半,即表示高縮小比例。
寬高的縮小比例一致意味著將對原圖進行比例縮小。寬高的縮放比例如果大於1,則對原圖進行放大。

希望這點技術性文章對你有幫助.

對了,前幾天我寫了一個小程序,可以通過WEB來批量給自己的圖片增加印章,目前此程序已經被站長站和MBSKY收錄了,詳細內容和下載地址:http://www.mbsky.com/SoftView/SoftView_38956.html
歡迎你下載試用,也可以與我多交流.

5. 請問如何在asp頁面里添加一張背景圖片

因為CSS背景圖的屬性是不能改變圖片的大小的。
你最好換個想法吧。這個想法也有些不好!
當內容的高度和寬度差距非常大時。你的背景圖也不好看了
就CSS來說好像不能那樣實現。
他們說的擴充,並不是背景圖大小的擴充,而是重復顯示。

真要達到那效果就不能用圖片做背景圖。
得讓他是圖片用JS控制它的大小。
用div+CSS可實現你要的效果
麻煩

6. asp 如何添加背景圖片

序號 中文說明 標記語法 備注
1 背景顏色 {background-color:數值}
2 背景圖片 {background-image: url(URL)|none}
3 背景重復 {background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y}
4 背景固定 {background-attachment:fixed|scroll}
5 背景定位 {background-position:數值|top|bottom|left|right|center}
6 背影樣式 {background:背景顏色|背景圖象|背景重復|背景附件|背景位置}

1.背景顏色:background-color

語法:{background-color:數值}
說明:參數取值和顏色屬性一樣
注意:在HTML當中,要為某個對象加上背景色只有一種辦法,那就是先做一個表格,在表格中設置完背景色,再把對象放進單元格。這樣做比較麻煩,不但代碼較多,還要為表格的大小和定位傷些腦筋。現在用CSS就可以輕松地直接搞定了,而且對象的范圍很廣,可以是一段文字,也可以只是一個單詞或一個字母。
例子:給部分文字加背景顏色給部分文字加背景顏色
表格背影顏色:style="background-color:red"

2.背景圖片:background-image

語法:{background-image: url(URL)|none}
說明: URL就是背景圖片的存放路徑。如果用「none」來代替背景圖片的存放路徑,將什麼也不顯示。
例子:給部分文字加背景圖片 .imgbgstyle { background-image: url(logo.gif)}
3.背景重復:background-repeat

語法:{background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y}
作用:背景圖片重復控制的是背景圖片平鋪與否,也就是說,結合背景定位的控制可以在網頁上的某處單獨顯示一幅背景圖片
說明:參數取值范圍:
·inherit 繼承
·no-repeat 不重復平鋪背景圖片
·repeat
·repeat-x 使圖片只在水平方向上平鋪
·repeat-y 使圖片只在垂直方向上平鋪
注意:如果不指定背景圖片重復屬性,瀏覽器默認的是背景圖片向水平、垂直兩個方向上平鋪。
4.背景固定:background-attachment

語法:{background-attachment:fixed|scroll}
說明:參數取值范圍
·fixed:網頁滾動時,背景圖片相對於瀏覽器的窗口而言,固定不動
·scroll:網頁滾動時,背景圖片相對於瀏覽器的窗口而言,一起滾動
注意:背景圖片固定控制背景圖片是否隨網頁的滾動而滾動。如果不設置背景圖片固定屬性,瀏覽器默認背景圖片隨網頁的滾動而滾動。為了避免過於花哨的背景圖片在滾動時傷害瀏覽者的視力,所以可以解除背景圖片和文字內容的捆綁,該為和瀏覽器窗口捆綁。
例子:使背景圖案不隨文字「滾動」的CSS
BODY { background: purple url(bg.jpg); background-repeat:repeat-y; background-attachment:fixed }
5.背景定位:background-position

語法:{background-position:數值|top|bottom|left|right|center}
作用:背景定位用於控制背景圖片在網頁中顯示的位置。
說明:參數取值范圍
·帶長度單位的數字參數
·top:相對前景對象頂對齊
·bottom:相對前景對象底對齊
·left:相對前景對象左對齊
·right:相對前景對象右對齊
·center:相對前景對象中心對齊
·比例關系
關鍵字解釋如下:
top left = left top = 0% 0%
top = top center = center top = 50% 0%
right top = top right = 100% 0%
left = left center = center left = 0% 50%
center = center center = 50% 50%
right = right center = center right = 100% 50%
bottom left = left bottom = 0% 100%
bottom = bottom center = center bottom = 50% 100%
bottom right = right bottom = 100% 100%
注意:參數中的center如果用於另外一個參數的前面,表示水平居中;如果用於另外一個參數的後面,表示垂直居中。
6. 背景樣式:background

語法:{background:背景顏色|背景圖象|背景重復|背景附件|背景位置}
作用:背景屬性是一個更明確的背景—關系屬性的略寫。以下是一些背景的聲明:
例子:
BODY { background: white url(http://www.htmlhelp.com/foo.gif) }
BLOCKQUOTE { background: #7fffd4 }
P { background: url(../backgrounds/pawn.png) #f0f8ff fixed }
TABLE { background: #0c0 url(leaves.jpg) no-repeat bottom right }
注意:當一個值未被指定時,將接受其初始值。例如,在上述的前三條規則,背景位置屬性將被設置為0% 0%。為了避免與用戶的樣式表之間的沖突,背景和顏色應該一起被指定。

7. asp.net添加背景圖片

可能你是另外新建css文件在項目里,而你並沒有引用它。

直接拽住該css文件拖到前台頁里就可以。

8. 用asp如何添加背景圖片,或是背景顏色,要具體代碼,和插入位置

可以的我以前做過類似的網站:
你在<body>的下下方輸入以下代碼:
<style>
<%=rs("你的CSS代碼")%>
</style>

注意:你的CSS代碼保存在資料庫中。保存在資料庫的CSS代碼不包括<style>和
</style>哦。

9. 在ASP網頁中如何設置背景圖片啊

<body style="background:url(你要設置的圖片的路徑) left:20px; top:20px; no-repeat;">設置背景圖片距左20px,距top20px,不重復
<body style="background:url(你要設置的圖片的路徑) repeat;">背景重復

10. 求解asp網站中背景圖片不動的代碼是什麼

<style type="text/css">
<!--
body {
background-image: url(圖片地址);
background-repeat: repeat;
}
-->
</style></head>