账号通
    

注册

找回密码

账号  

密码  

话题
互动
会员
服务
<<返回列表上一个主题 下一个主题 打印本帖 复制本帖地址

2319

查看

2

回复
主题：[分享]关于lightbox 在kesion 中的实用 [收藏主题]  
yflintao 当前离线

84

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:1653 分
登录次数:250 次
注册时间:2007/3/19
最后登录:2015/6/6
yflintao 发表于：2010/6/30 11:01:19   | 显示全部帖子 查看该作者主题 楼主 
做在线知识付费 选科汛云开店
做线上考试培训 就选#科汛网校

实例效果：http://www.xipingbar.com/?list-31.html  点击右侧 添加我的企业名片



  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  6. <title>河南西平吧，Q群号：17784629 美工/SEO/程序</title>
  7. <style type="text/css">
  8. <!--
  9. html,body {height:100%; margin:0px; font-size:12px;}
  10. .mydiv {
  11. background-color: #FFCC66;
  12. border: 1px solid #f00;
  13. text-align: center;
  14. line-height: 40px;
  15. font-size: 12px;
  16. font-weight: bold;
  17. z-index:999;
  18. width: 300px;
  19. height: 120px;
  20. left:50%;/*FF IE7*/
  21. top:50%;/*FF IE7*/
  22. margin-left:-150px!important;/*FF IE7 该值为本身宽的一半 */
  23. margin-top:-60px!important;/*FF IE7 该值为本身高的一半*/
  24. margin-top:0px;
  25. position:fixed!important;/*FF IE7*/
  26. position:absolute;/*IE6*/
  27. _top:       expression(eval(document.compatMode &&
  28.             document.compatMode=='CSS1Compat') ?
  29.             documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
  30.             document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/
  31. }
  32. .bg,.popIframe {
  33. background-color: #666; display:none;
  34. width: 100%;
  35. height: 100%;
  36. left:0;
  37. top:0;/*FF IE7*/
  38. filter:alpha(opacity=50);/*IE*/
  39. opacity:0.5;/*FF*/
  40. z-index:1;
  41. position:fixed!important;/*FF IE7*/
  42. position:absolute;/*IE6*/
  43. _top:       expression(eval(document.compatMode &&
  44.             document.compatMode=='CSS1Compat') ?
  45.             documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
  46.             document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/
  47. }
  48. .popIframe {
  49. filter:alpha(opacity=0);/*IE*/
  50. opacity:0;/*FF*/
  51. }
  52. -->
  53. </style>
  54. <script language="javascript" type="text/javascript">
  55. function showDiv(){
  56. document.getElementById('popDiv').style.display='block';
  57. document.getElementById('popIframe').style.display='block';
  58. document.getElementById('bg').style.display='block';
  59. }
  60. function closeDiv(){
  61. document.getElementById('popDiv').style.display='none';
  62. document.getElementById('bg').style.display='none';
  63. document.getElementById('popIframe').style.display='none';
  64. }
  65. </script>
  66. </head>
  67. <body>
  68. <div id="popDiv" class="mydiv" style="display:none;">网页设计大本营欢迎你！<br/>Q群号:29032448<br/>
  69. <a href="javascript:closeDiv()">关闭窗口</a></div>
  70. <div id="bg" class="bg" style="display:none;"></div>
  71. <div style="height:1400px; ">
  72. <p>春江花月夜
  73.     唐 张若虚
  74.     春江潮水连海平，海上明月共潮生。<br />
  75.     滟滟随波千万里，何处春江无月明？<br />
  76.     江流宛转绕芳甸，月照花林皆似霰。<br />
  77.     空里流霜不觉飞，汀上白沙看不见。<br />
  78.     江天一色无纤尘，皎皎空中孤月轮。<br />
  79.     江畔何人初见月？江月何年初照人？<br />
  80.     人生代代无穷已，江月年年只相似。<br />
  81.     不知江月待何人，但见长江送流水。<br />
  82.     白云一片去悠悠，青枫浦上不胜愁。<br />
  83.     谁家今夜扁舟子？何处相思明月楼？<br />
  84.     可怜楼上月徘徊，应照离人妆镜台。<br />
  85.     玉户帘中卷不去，捣衣砧上拂还来。<br />
  86.     此时相望不相闻，愿逐月华流照君。<br />
  87.     鸿雁长飞光不度，鱼龙潜跃水成文。<br />
  88.     昨夜闲潭梦落花，可怜春半不还家。<br />
  89.     江水流春去欲尽，江潭落月复
  90.     <select name="select4" id="select4">
  91.       <option>333</option>
  92.       <option>dddddd</option>
  93.       <option>qqqqqq</option>
  94.     </select>
  95.     西斜。<br />
  96.     斜月沉沉藏海雾，碣石潇湘无限路。<br />
  97. 不知乘月几人归？落花摇情满江树。 </p>
  98. <p><br />
  99. </p>
  100. <div style="height:100px; line-height:100px; text-align:center; background:#FFFFCC;">
  101. <a href="javascript:showDiv()">点我,弹出层</a>
  102. 2
  103. <select name="select" id="select">
  104. <option>333</option>
  105. <option>dddddd</option>
  106. <option>qqqqqq</option>
  107. </select>
  108. </div>
  109. <p>春天的江潮水势浩荡，与大海连成一片，一轮明月从海上升起，好
  110. <select name="select3" id="select3">
  111.     <option>333</option>
  112.     <option>dddddd</option>
  113.     <option>qqqqqq</option>
  114. </select>
  115. 像与潮水一起涌出来。<br />
  116.     月光照耀着春江，随着波浪闪耀千万里，什么地方的春江没有明亮的月光。<br />
  117.     江水曲曲折折地绕着花草丛生的原野流淌，月光照射着开遍鲜花的树林好像细密的雪珠的闪烁。<br />
  118.     月光象白霜一样从空中流下，感觉不到它的飞翔，它照得江畔的白沙看不见。<br />
  119.     江水、天空成一色，没有些微灰尘，只有明亮的一轮孤
  120.     <select name="select2" id="select2">
  121.       <option>333</option>
  122.       <option>dddddd</option>
  123.       <option>qqqqqq</option>
  124.     </select>
  125.    </div>
  126. <iframe id='popIframe' class='popIframe' frameborder='0' ></iframe>
  127. </body>
  128. </html>




我的kesion站：

V2的回忆：http://www.xipingbar.com/html/v2.html

FALSH首页登录，适合宣传，嫁接QQ空间使用：http://www.xipingbar.com/default.html
 
做新职业技能培训平台 就选#科汛网校
  支持(2) | 反对(0) 回到顶部顶端 回到底部底部
＜上一主题 | 下一主题 ＞
Powered By KesionCMS Version X1
厦门科汛软件有限公司 © 2006-2016 页面执行0.10938秒 powered by KesionCMS 9.0