js 模拟选择文件效果
2009-10-19 13:40
302 查看
代码来自网络
<html>
<head>
</head>
</style>
</script>
<body>
<button onclick="showSelDiv();">
getRegions</button>
<div class="fileDiv">
file1</div>
<div class="fileDiv">
file2</div>
<div class="fileDiv">
file3</div>
<div class="fileDiv">
file4</div>
<div class="fileDiv">
file5</div>
<div class="fileDiv">
file6</div>
<div class="fileDiv">
file7</div>
<div class="fileDiv">
file8</div>
<div class="fileDiv">
file9</div>
<div class="fileDiv">
file10</div>
<div class="fileDiv">
file11</div>
<div class="fileDiv">
file12</div>
<div class="fileDiv">
file13</div>
<div class="fileDiv">
file14</div>
<div class="fileDiv">
file15</div>
<div class="fileDiv">
file16</div>
<div class="fileDiv">
file17</div>
<div class="fileDiv">
file18</div>
<div class="fileDiv">
file19</div>
<div class="fileDiv">
file20</div>
<div class="fileDiv">
file21</div>
<div class="fileDiv">
file22</div>
<div class="fileDiv">
file23</div>
<div class="fileDiv">
file24</div>
<div class="fileDiv">
file25</div>
<div class="fileDiv">
file26</div>
<div class="fileDiv">
file27</div>
<div class="fileDiv">
file28</div>
<div class="fileDiv">
file29</div>
<div class="fileDiv">
file30</div>
<div class="fileDiv">
file31</div>
<div class="fileDiv">
file32</div>
<div class="fileDiv">
file33</div>
<div class="fileDiv">
file34</div>
<div class="fileDiv">
file35</div>
<div class="fileDiv">
file36</div>
<div class="fileDiv">
file37</div>
<div class="fileDiv">
file38</div>
<div class="fileDiv">
file39</div>
<div class="fileDiv">
file40</div>
<div class="fileDiv">
file41</div>
<div class="fileDiv">
file42</div>
<div class="fileDiv">
file43</div>
<div class="fileDiv">
file44</div>
<div class="fileDiv">
file45</div>
<div class="fileDiv">
file46</div>
<div class="fileDiv">
file47</div>
<div class="fileDiv">
file48</div>
<div class="fileDiv">
file49</div>
<div class="fileDiv">
file50</div>
<div class="fileDiv">
file51</div>
<div class="fileDiv">
file52</div>
<div class="fileDiv">
file53</div>
<div class="fileDiv">
file54</div>
<div class="fileDiv">
file55</div>
<div class="fileDiv">
file56</div>
<div class="fileDiv">
file57</div>
<div class="fileDiv">
file58</div>
<div class="fileDiv">
file59</div>
<div class="fileDiv">
file60</div>
<div style="float: left; width: 100%;">
<button onclick="showSelDiv();">
getRegions</button></div>
</body>
</script>
</html>
<html>
<head>
</head>
</style>
</script>
<body>
<button onclick="showSelDiv();">
getRegions</button>
<div class="fileDiv">
file1</div>
<div class="fileDiv">
file2</div>
<div class="fileDiv">
file3</div>
<div class="fileDiv">
file4</div>
<div class="fileDiv">
file5</div>
<div class="fileDiv">
file6</div>
<div class="fileDiv">
file7</div>
<div class="fileDiv">
file8</div>
<div class="fileDiv">
file9</div>
<div class="fileDiv">
file10</div>
<div class="fileDiv">
file11</div>
<div class="fileDiv">
file12</div>
<div class="fileDiv">
file13</div>
<div class="fileDiv">
file14</div>
<div class="fileDiv">
file15</div>
<div class="fileDiv">
file16</div>
<div class="fileDiv">
file17</div>
<div class="fileDiv">
file18</div>
<div class="fileDiv">
file19</div>
<div class="fileDiv">
file20</div>
<div class="fileDiv">
file21</div>
<div class="fileDiv">
file22</div>
<div class="fileDiv">
file23</div>
<div class="fileDiv">
file24</div>
<div class="fileDiv">
file25</div>
<div class="fileDiv">
file26</div>
<div class="fileDiv">
file27</div>
<div class="fileDiv">
file28</div>
<div class="fileDiv">
file29</div>
<div class="fileDiv">
file30</div>
<div class="fileDiv">
file31</div>
<div class="fileDiv">
file32</div>
<div class="fileDiv">
file33</div>
<div class="fileDiv">
file34</div>
<div class="fileDiv">
file35</div>
<div class="fileDiv">
file36</div>
<div class="fileDiv">
file37</div>
<div class="fileDiv">
file38</div>
<div class="fileDiv">
file39</div>
<div class="fileDiv">
file40</div>
<div class="fileDiv">
file41</div>
<div class="fileDiv">
file42</div>
<div class="fileDiv">
file43</div>
<div class="fileDiv">
file44</div>
<div class="fileDiv">
file45</div>
<div class="fileDiv">
file46</div>
<div class="fileDiv">
file47</div>
<div class="fileDiv">
file48</div>
<div class="fileDiv">
file49</div>
<div class="fileDiv">
file50</div>
<div class="fileDiv">
file51</div>
<div class="fileDiv">
file52</div>
<div class="fileDiv">
file53</div>
<div class="fileDiv">
file54</div>
<div class="fileDiv">
file55</div>
<div class="fileDiv">
file56</div>
<div class="fileDiv">
file57</div>
<div class="fileDiv">
file58</div>
<div class="fileDiv">
file59</div>
<div class="fileDiv">
file60</div>
<div style="float: left; width: 100%;">
<button onclick="showSelDiv();">
getRegions</button></div>
</body>
</script>
</html>
相关文章推荐
- JS多个矩形块选择效果代码(模拟CS结构)
- JS多个矩形块选择效果代码(模拟CS结构)
- 用XML+FSO+JS实现服务器端文件的选择效果
- 用XML+FSO+JS实现服务器端文件的选择效果
- 360浏览器搜索框下拉选择图片js模拟select效果
- js实现简单鼠标拖拽,文件拖入文件夹效果
- 用原生js模拟jquery的淡入淡出fade效果
- 用JS怎么判断上传文件控件是否未选择文件
- 用XML+FSO+JS实现服务器端文件的选择
- jqueryUI小插件2--地域选择--在网页中加div,加id,引入js文件(我写在页面内),调用函数即可
- 通过JS模拟select表单,达到美化效果[demo]
- 城市选择js效果
- Android Webview 加载外部html时选择加载本地的js,css等资源文件
- js 模拟气泡屏保效果代码
- html加載css,js文件后沒有效果
- 使用js来实现模拟无刷新文件上传。
- js模拟qq印象效果
- js 获取input type="file" 选择的文件大小、文件名称、上次修改时间、类型等信息
- js模拟弹出效果代码修正版