资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
弹出自适应图片大小的窗口弹出窗口根据图片大小，自动判断高和宽。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>iPop Demo</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link rel="stylesheet" type="text/css" href="/global/styles/v3all.css"> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20src%3D%22%2Fdemo%2Fipop%2Fipop.js%22%20type%3D%22text%2Fjavascript%22%3E%3C%2Fscript%3E"> </head> <body style="margin:1em"> <h1>iPop Demo</h1> <p>This is a demo of the image popup script. I know you want to <a href="flag.jpg" _ewebeditor_ta_href="flag.jpg" title="Flag">see it in action</a>.</p> <p><a href="http://demo.rexsong.com/200511/ipop/flag.jpg" _ewebeditor_ta_href="http%3A%2F%2Fdemo.rexsong.com%2F200511%2Fipop%2Fflag.jpg"><img src="http://demo.rexsong.com/200511/ipop/flag-thumb.jpg" _ewebeditor_ta_src="http%3A%2F%2Fdemo.rexsong.com%2F200511%2Fipop%2Fflag-thumb.jpg" width="50" height="75" alt="American Flag" border="0"></a></p> <p>Testing things with a <a href="flag-thumb.jpg" _ewebeditor_ta_href="flag-thumb.jpg">small image</a>.</p> <p>The popups have been setup with the AutoApply extension which will automatically apply iPop to all links to images within a document or within a section of the document.</p> <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%0A%3C!--%20%0D%0AiPop.AutoApply()%3B%20%0D%0A%2F%2F--%3E%20%0D%0A%3C%2Fscript%3E"> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程