當(dāng)前位置: 首頁IT技術(shù) → 用ASP+CSS實現(xiàn)隨機背景的實例代碼分享

用ASP+CSS實現(xiàn)隨機背景的實例代碼分享

更多

這篇文章提供給大家分享學(xué)習(xí)的是關(guān)于用ASP+CSS實現(xiàn)隨機背景的實例代碼,希望能夠給大家?guī)韼椭騿l(fā)。

隨機背景--當(dāng)你每次進入該頁面時,從已指定的圖片文件夾中,隨機選取一個圖片作為背景顯示。這里介紹的方法是用ASP+CSS來實現(xiàn)的。

ASP--來自ASP101

以下是引用片段:
Const IMGS_DIR = "/images" 
 '設(shè)定圖片文件夾的地址,隨機顯示該文件夾內(nèi)任一張圖片
Dim objFSO, objFolderObject, objFileCollection, objFile
Dim intFileNumberToUse, intFileLooper
Dim objImageFileToUse
Dim strImageSrcText
Set objFSO = Server.CreateObject("Scripting.FileSystemObject")
Set objFolderObject = objFSO.GetFolder(Server.MapPath(IMGS_DIR))
Set objFSO = Nothing
Set objFileCollection = objFolderObject.Files
Set objFolderObject = Nothing
Randomize()
intFileNumberToUse = Int(objFileCollection.Count * Rnd) + 1
intFileLooper = 1
For Each objFile in objFileCollection
If intFileLooper = intFileNumberToUse Then
Set objImageFileToUse = objFile
Exit For
End If
intFileLooper = intFileLooper + 1
Next
Set objFileCollection = Nothing
strImageSrcText = IMGS_DIR & objImageFileToUse.Name
Set objImageFileToUse = Nothing

CSS

以下是引用片段:
#pic{
    width: 400px;
    height: 300px;
    background: url(<%= strImageSrcText %>) no-repeat;
    margin: 2em auto;
}

上面代碼要加在header區(qū),不能放在外部CSS文件里。

熱門評論
最新評論
發(fā)表評論 查看所有評論(0)
昵稱:
表情: 高興 可 汗 我不要 害羞 好 下下下 送花 屎 親親
字?jǐn)?shù): 0/500 (您的評論需要經(jīng)過審核才能顯示)