使用div仿javascript模态窗口

2016-02-19 15:39 4 1 收藏

生活已是百般艰难,为何不努力一点。下面图老师就给大家分享使用div仿javascript模态窗口,希望可以让热爱学习的朋友们体会到设计的小小的乐趣。

【 tulaoshi.com - Web开发 】

虽然和本blog的内容无关,但是还是写出来吧,希望对大家有帮助

前几天在博客园看到有人说模态窗口在ie7里面显示出现地址栏,其实这本是一件好事,而且ie的模态窗口是ie的函数,ff、opera等都不支持,我评论的原话

只是ie7增强的安全特性罢了,这个世界还真奇怪,有人说ie的安全性不强,天天骂微软,还支持ff说什么用了ff就不会被强奸,微软增强了安全性,又有人说这样增加的安全性不好,真是难伺候

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

你要用模态窗口ff是根本就打不开,因为那个是ie特有的函数,ff是没有的,另外楼上说的很对加到trusted就行了,另外再说句话你别生气,就是你水平不行,要想得到最大的兼容性就用div,而且div是最漂亮的,就是写得麻烦点

既然说了别人水平不行,那就自己做一个吧,也证明我这段话不是白说,这几天正在做自己用的cms,正好用这个替代alert和模态窗口,这个div是可以移动、嵌套的

做下说明:
代码参考新浪的新闻评论,新浪混淆了代码,其实破解很简单(应该说根本不算破解,不知道怎么说了,就叫破解吧)

写得很简单,没做过多的处理,这是有这么个意思,如果要用到的话还是需要进行修改的

测试ie7通过ff有问题(js报错),新浪的代码ff js没报错,但是div的移动有问题,我没有系统的学过js所以新浪的代码看的不是很懂,理论上ff也是可以做到的,有兴趣完善的和我联系吧,我就想作出一个简单的类,做到ie7和ff能够兼容,这东西至少在微软的ajax普及之前还是能起到不少的作用的

都写在一个文件里了
http://zergtant.cnblogs.com/Files/zergtant/default.zip

参考资料:
http://www.google.com/search?q=javascript+%E5%8F%AF%E7%A7%BB%E5%8A%A8%E7%9A%84%E5%B1%82&hl=zh-cn
http://www.51windows.net/data/?url=/DATA/files/file_666.asp

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

来源:http://www.tulaoshi.com/n/20160219/1610114.html

延伸阅读
标签: Web开发
好久没发过帖子了~~。 因为工作需要,仿豆瓣式写了个分页的样式。 自我感觉,这样的分页前后兼顾,对于用户的体验是蛮好使的。 仿豆瓣分页原型(Javascript版) /* Paginator */ .paginator { font: 14.8px normal Arial, Helvetica, sans-serif; color: #666666; margin-top: 10px; margin-bottom: 5px; line-height: ...
标签: Web开发
在HTML中打开窗口应用极为普遍,但也存在一些缺陷;用户浏览器决定窗口看起来是什么样的,你左右不了其窗口的大小及式样。幸运的是,JavaScript给了你这种控制权。 JavaScript的窗口语句是: window.open("URL","name","features"); 其中的URL是网页的地址,name是窗口的名字,features是窗口的一些特性,包括: scrollbars (滚动条) 当需...
标签: Web开发
这个程序是个用来制作DIV圆角的开源javascript代码实现,效果和图像制作圆角一样的.它简单,易用,不用修改任何图像就能做到不同半径圆角.... 用这个代码你可以自由定制自己的DIV,不再是方形了.完全可以实现圆形个性DIV 用法说明: 以下说明将以一个半径为20像素圆角的DIV为例. ------------------------------A 解压您下...
标签: Web开发
[ 参与测试的浏览器 :IE6 / IE7 / IE8 / FF3 / OP10 / SF4 / Chrome2 ] [ 操作系统 :Windows] 先看代码: 运行代码框 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://www.w3.org/1999/xhtml"headmeta ht...
标签: Web开发
以下是引用片段: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" lang="zh-CN"  head   meta name="verify-v1" content="P4T6fFCiPVxqMWZ2eztyXVzMHlnwD0wLQOq6LBHN5Y8=" /   tit...

经验教程

402

收藏

100
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部