加入收藏 | 设为首页 | 会员中心 | 我要投稿 | RSS
您当前的位置:首页 > 教程文章 > Dreamweaver教程
photoshop教程 | PowerPoint教程 | Fireworks教程 | Flash教程 | Dreamweaver教程 | QQ空间教程 | 论坛音画教程 |
468x15

实现ASP+CSS随机背景教程

时间:2015-01-28 10:30:30  来源:  作者:

随机背景--当你每次进入该页面时,从已指定的图片文件夹中,随机选取一个图片作为背景显示。这里介绍的方法是用ASP+CSS来实现的。

ASP--来自ASP101

以下是引用片段:
Const IMGS_DIR = "/images"
'设定图片文件夹的地址,随机显示该文件夹内任一张图片
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区,不能放在外部CSS文件里。


来顶一下
返回首页
返回首页
赞助商链接广告
推荐下载
推荐PSD模板
2018元宵佳节赏花灯吃元宵海报
2018元宵佳节赏花灯吃
元宵佳节合家团圆艺术字
元宵佳节合家团圆艺术
传统元宵节吃汤圆海报PSD分层素材
传统元宵节吃汤圆海报
谨贺新年元宵节PSD分层海报
谨贺新年元宵节PSD分
推荐壁纸
2018年2月田野风景日历桌面壁纸
2018年2月田野风景日
2018年狗年春节恭喜发财电脑壁纸
2018年狗年春节恭喜发
 mercy守望先锋天使电脑游戏桌面壁纸
mercy守望先锋天使电
2018招财童子狗年大吉春节图片壁纸
2018招财童子狗年大吉
推荐PPT模板
中国传统动态卷轴PPT模板
中国传统动态卷轴PPT
红色政党精准扶贫奔小康ppt模板
红色政党精准扶贫奔小
天猫双十一营销方案ppt模板
天猫双十一营销方案pp
红色商务总结报告ppt模板
红色商务总结报告ppt