仓酷云

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

[DIV+CSS] 来看看:DIV转动条随机地位的设置技能

[复制链接]
若天明 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:07:33 | 只看该作者 回帖奖励 |正序浏览 |阅读模式

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

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

x
现在YAHOO,MSN等国际门户网站,网易,新浪等国内门户网站,和主流的WEB2.0网站,均采用DIV+CSS的框架模式,更加印证了DIV+CSS是大势所趋。
方才一个伴侣告知我他的blog友谊链接太多了,以是把一切链接放到一个DIV中,加了个转动条,但是他又不想每次他人来看,看到的都是后面几个链接,因而问我有无甚么举措,想了一个,呵呵,恰好有个举措
style前面用于限制DIV款式并加转动条,这个未几说
关头的中央实在很复杂,最初两行Javascript就是了,起感化的只要最初一行:
obj.scrollTop=obj.scrollHeight*(Math.random());
obj.scrollTop:转动条间隔顶部的地位
obj.scrollHeight:活动地区的高度
Math.random():取得一个随机数
很复杂,有人大概必要,用就拿往,哈哈

PS:IE6/IE7/FF2测试经由过程
IE7在当地测试时只是每次翻开时转动条地位才分歧,革新却没有变更,但放到网站上以后就一般了
代码以下:
<divid="cc"style="height:250px;width:200px;overflow-y:scroll;overflow-x:hidden;">
<li>01</li><li>02</li><li>03</li><li>04</li><li>05</li><li>06</li><li>07</li><li>08</li>
<li>09</li><li>10</li><li>11</li><li>12</li><li>13</li><li>14</li><li>15</li><li>16</li>
<li>17</li><li>18</li><li>19</li><li>20</li><li>21</li><li>22</li><li>23</li><li>24</li>
<li>25</li><li>26</li><li>27</li><li>28</li><li>29</li><li>30</li><li>31</li><li>32</li>
<li>33</li><li>34</li><li>35</li><li>36</li><li>37</li><li>38</li><li>39</li><li>40</li>
<li>41</li><li>42</li><li>43</li><li>44</li><li>45</li><li>46</li><li>47</li><li>48</li>
</div>
<script>
varobj=document.getElementById("cc");
obj.scrollTop=obj.scrollHeight*(Math.random());
</script>
使页面的字体变得更漂亮,更容易编排,使页面真正赏心悦目。
不帅 该用户已被删除
9#
发表于 2015-3-22 17:30:33 | 只看该作者
直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
因胸联盟 该用户已被删除
8#
发表于 2015-3-15 22:27:12 | 只看该作者
在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。
简单生活 该用户已被删除
7#
发表于 2015-3-8 08:27:17 | 只看该作者
Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
6#
发表于 2015-2-25 21:49:03 | 只看该作者
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
愤怒的大鸟 该用户已被删除
5#
发表于 2015-2-8 16:38:33 | 只看该作者
帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
兰色精灵 该用户已被删除
地板
发表于 2015-2-2 22:30:02 | 只看该作者
还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。
若相依 该用户已被删除
板凳
发表于 2015-1-25 14:07:19 | 只看该作者
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。
爱飞 该用户已被删除
沙发
发表于 2015-1-18 05:15:36 | 只看该作者
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-12-23 11:32

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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