仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 692|回复: 8
打印 上一主题 下一主题

[DIV+CSS] 带来一篇用ASP+CSS完成随机背景

[复制链接]
跳转到指定楼层
楼主
发表于 2015-1-16 00:22:31 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
DIV本身就是容器性质的,你不但可以内嵌table还可以内嵌文本和其它的HTML代码CSS是CascadingstyleSheets的简称,中文译作“层叠样式表单”。
随机背景--当你每次进进该页面时,从已指定的图片文件夹中,随机拔取一个图片作为背景显现。这里先容的办法是用ASP+CSS来完成的。
ASP--来自ASP101
  1. 以下是援用片断:
  2. ConstIMGS_DIR="/images"
  3. 设定图片文件夹的地点,随机显现该文件夹内任一张图片
  4. DimobjFSO,objFolderObject,objFileCollection,objFile
  5. DimintFileNumberToUse,intFileLooper
  6. DimobjImageFileToUse
  7. DimstrImageSrcText
  8. SetobjFSO=Server.CreateObject("Scripting.FileSystemObject")
  9. SetobjFolderObject=objFSO.GetFolder(Server.MapPath(IMGS_DIR))
  10. SetobjFSO=Nothing
  11. SetobjFileCollection=objFolderObject.Files
  12. SetobjFolderObject=Nothing
  13. Randomize()
  14. intFileNumberToUse=Int(objFileCollection.Count*Rnd)+1
  15. intFileLooper=1
  16. ForEachobjFileinobjFileCollection
  17. IfintFileLooper=intFileNumberToUseThen
  18. SetobjImageFileToUse=objFile
  19. ExitFor
  20. EndIf
  21. intFileLooper=intFileLooper+1
  22. Next
  23. SetobjFileCollection=Nothing
  24. strImageSrcText=IMGS_DIR&objImageFileToUse.Name
  25. SetobjImageFileToUse=Nothing
复制代码
CSS
  1. 以下是援用片断:
  2. #pic{
  3. width:400px;
  4. height:300px;
  5. background:url(<%=strImageSrcText%>)no-repeat;
  6. margin:2emauto;
  7. }
复制代码
下面代码要加在header区,不克不及放在内部CSS文件里。
</p>
CSS非常容易编写。你可以象写html代码一样轻松地编写CSS。
简单生活 该用户已被删除
沙发
发表于 2015-1-18 06:23:47 | 只看该作者
学Dreamweaver技术的过程其实是一个增加信心的过程。
不帅 该用户已被删除
板凳
发表于 2015-1-25 13:33:18 | 只看该作者
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
变相怪杰 该用户已被删除
地板
发表于 2015-2-2 22:18:21 | 只看该作者
帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
灵魂腐蚀 该用户已被删除
5#
发表于 2015-2-8 14:21:00 | 只看该作者
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
分手快乐 该用户已被删除
6#
发表于 2015-2-25 19:34:47 | 只看该作者
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。
愤怒的大鸟 该用户已被删除
7#
发表于 2015-3-8 02:56:42 | 只看该作者
在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。
柔情似水 该用户已被删除
8#
发表于 2015-3-15 21:57:44 | 只看该作者
以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。
谁可相欹 该用户已被删除
9#
发表于 2015-3-22 16:46:37 | 只看该作者
Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-23 02:04

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表