|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
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>
使页面的字体变得更漂亮,更容易编排,使页面真正赏心悦目。 |
|