资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
js右下角弹出窗口,点击可关闭效果
<style type="text/css"> body { background:#333333;} #winpop { width:200px; height:0px; position:absolute; right:0; bottom:0; border:1px solid #999999; margin:0; padding:1px; overflow:hidden;display:none; background:#FFFFFF} #winpop .title { width:100%; height:20px; line-height:20px; background:#FFCC00; font-weight:bold; text-align:center; font-size:12px;} #winpop .con { width:100%; height:80px; line-height:80px; font-weight:bold; font-size:12px; color:#FF0000; text-decoration:underline; text-align:center} #silu { font-size:13px; color:#999999; position:absolute; right:0;bottom:0px; text-align:right; text-decoration:underline; line-height:22px;} .close { position:absolute; right:4px; top:-1px; color:#FFFFFF; cursor:pointer} </style> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%20%0D%0Afunction%20show_pop()%7B%2F%2F%E6%98%BE%E7%A4%BA%E7%AA%97%E5%8F%A3%20%0D%0A%20%20%20%20document.getElementById(%22winpop%22).style.display%3D%22block%22%3B%20%0D%0A%20%20%20%20timer%3DsetInterval(%22changeH(4)%22%2C2)%3B%2F%2F%E8%B0%83%E7%94%A8changeH(4)%2C%E6%AF%8F0.002%E7%A7%92%E5%90%91%E4%B8%8A%E7%A7%BB%E5%8A%A8%E4%B8%80%E6%AC%A1%20%0D%0A%7D%20%0D%0Afunction%20hid_pop()%7B%2F%2F%E9%9A%90%E8%97%8F%E7%AA%97%E5%8F%A3%20%0D%0A%20%20%20%20timer%3DsetInterval(%22changeH(-4)%22%2C2)%3B%2F%2F%E8%B0%83%E7%94%A8changeH(-4)%2C%E6%AF%8F0.002%E7%A7%92%E5%90%91%E4%B8%8B%E7%A7%BB%E5%8A%A8%E4%B8%80%E6%AC%A1%20%0D%0A%7D%20%0D%0A%2F%2Fwww.glzy8.com%20%E8%84%9A%E6%9C%AC%E4%B9%8B%E5%AE%B6%E6%B5%8B%E8%AF%95%E9%80%9A%E8%BF%87%20%0D%0Afunction%20changeH(addH)%20%7B%20%0D%0A%20%20%20%20var%20MsgPop%3Ddocument.getElementById(%22winpop%22)%3B%20%0D%0A%20%20%20%20var%20popH%3DparseInt(MsgPop.style.height%7C%7CMsgPop.currentStyle.height)%3B%2F%2F%E7%94%A8parseInt%E5%B0%86%E5%AF%B9%E8%B1%A1%E7%9A%84%E9%AB%98%E5%BA%A6%E8%BD%AC%E5%8C%96%E4%B8%BA%E6%95%B0%E5%AD%97%2C%E4%BB%A5%E6%96%B9%E4%BE%BF%E4%B8%8B%E9%9D%A2%E6%AF%94%E8%BE%83%EF%BC%88JS%E8%AF%BB%3Cstyle%3E%E4%B8%AD%E7%9A%84height%E8%A6%81%E7%94%A8%22currentStyle.height%22%EF%BC%89%20%0D%0A%20%20%20%20if%20(popH%3C%3D100%26%26addH%3E0%7C%7CpopH%3E%3D4%26%26addH%3C0)%7B%2F%2F%E5%A6%82%E6%9E%9C%E9%AB%98%E5%BA%A6%E5%B0%8F%E4%BA%8E%E7%AD%89%E4%BA%8E100(str%3E0)%E6%88%96%E9%AB%98%E5%BA%A6%E5%A4%A7%E4%BA%8E%E7%AD%89%E4%BA%8E4(str%3C0)%20%0D%0A%20%20%20%20%20%20%20%20MsgPop.style.height%3D(popH%2BaddH).toString()%2B%22px%22%3B%2F%2F%E9%AB%98%E5%BA%A6%E5%A2%9E%E5%8A%A0%E6%88%96%E5%87%8F%E5%B0%914%E4%B8%AA%E8%B1%A1%E7%B4%A0%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20else%7B%2F%2F%E5%90%A6%E5%88%99%20%0D%0A%20%20%20%20%20%20%20%20clearInterval(timer)%3B%2F%2F%E5%8F%96%E6%B6%88%E8%B0%83%E7%94%A8%2C%E6%84%8F%E6%80%9D%E5%B0%B1%E6%98%AF%E5%A6%82%E6%9E%9C%E9%AB%98%E5%BA%A6%E8%B6%85%E8%BF%87100%E8%B1%A1%E7%B4%A0%E4%BA%86%2C%E5%B0%B1%E4%B8%8D%E5%86%8D%E5%A2%9E%E9%95%BF%E4%BA%86%EF%BC%8C%E6%88%96%E9%AB%98%E5%BA%A6%E7%AD%89%E4%BA%8E0%E8%B1%A1%E7%B4%A0%E4%BA%86%EF%BC%8C%E5%B0%B1%E4%B8%8D%E5%86%8D%E5%87%8F%E5%B0%91%E4%BA%86%20%0D%0A%20%20%20%20%20%20%20%20MsgPop.style.display%3DaddH%3E0%3F%22block%22%3A%22none%22%2F%2F%E5%90%91%E4%B8%8A%E7%A7%BB%E5%8A%A8%E6%97%B6%E7%AA%97%E5%8F%A3%E6%98%BE%E7%A4%BA%2C%E5%90%91%E4%B8%8B%E7%A7%BB%E5%8A%A8%E6%97%B6%E7%AA%97%E5%8F%A3%E9%9A%90%E8%97%8F%EF%BC%88%E5%9B%A0%E4%B8%BA%E7%AA%97%E5%8F%A3%E6%9C%89%E8%BE%B9%E6%A1%86%2C%E6%89%80%E4%BB%A5%E8%BF%98%E6%98%AF%E5%8F%AF%E4%BB%A5%E7%9C%8B%E8%A7%811~2%E8%B1%A1%E7%B4%A0%E6%B2%A1%E7%BC%A9%E8%BF%9B%E5%8E%BB%2C%E8%BF%99%E6%97%B6%E5%80%99%E5%B0%B1%E6%8A%8ADIV%E9%9A%90%E8%97%8F%E6%8E%89%EF%BC%89%20%0D%0A%20%20%20%20%7D%20%0D%0A%7D%20%0D%0Awindow.onload%3Dfunction()%7B%2F%2F%E5%8A%A0%E8%BD%BD%20%0D%0AsetTimeout(%22show_pop()%22%2C800)%3B%2F%2F0.8%E7%A7%92%E5%90%8E%E8%B0%83%E7%94%A8show_pop()%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> <body> <div id="silu"> <button onclick="show_pop()">测试按钮</button> </div> <div id="winpop"> <div class="title">您有新的消息<span class="close" onclick="hid_pop()">X</span></div> <div class="con"><a href='http://www.glzy8.com' _ewebeditor_ta_href="http%3A%2F%2Fwww.glzy8.com">管理资源吧</a></div> </div> </body>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程