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

实现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文件里。



来顶一下
返回首页
返回首页
赞助商链接广告
推荐下载
  • Dreamweaver MX 2004视频宝典教程(121)
  • Dreamweaver MX 2004视频宝典教程(124)
  • Dreamweaver MX 2004视频宝典教程(126)
  • Dreamweaver MX 2004视频宝典教程(131)
  • Dreamweaver MX 2004视频宝典教程(133)
  • 赞助商链接广告
    最后更新
  • 使用Dreamweaver模板批量制作网页
  • Dreamweaver网页制作技巧
  • 用Dreamweaver建站如何设计CSS?
  • DreamweaverCS3中的CSS布局规则
  • 实现ASP+CSS随机背景教程
  • 杂谈ASP生成静态Html文件的技术
  • ASP程序如何跨浏览器
  • 防范SQL注入漏洞的一些方法
  • 学习关于ASP应用与Cookies认识的一些技巧
  • 介绍Dreamweaver cs3 两个彩蛋
  • 赞助商链接广告
    赞助商链接广告