jsp页面使用了一个layer插件来做弹出层;并且要求打印弹出层里面的内容。 直接使用window.print()方法打印不出所有的页面内容,仅仅是打印了当前屏幕内容。 我的解决办法是 获取body中所有代码,新建一个空白页面,调用document.write()方法写入, 再打印该页面,实现了正常 ...
分类:
其他好文 时间:
2016-09-13 16:25:17
阅读次数:
384
lightbox JS插件--baguetteBox.js,它是用纯Javascript创建的图像展示效果,拥有图像放大缩小并带有相应的CSS3过度,并能在触摸屏等设备上完美展示。 baguetteBox.js 优势javascript完成,不需要jQuery库支持支持触屏手机端支持显示标题和说明等 ...
分类:
Web程序 时间:
2016-09-06 09:06:28
阅读次数:
213
<!DOCTYPE html> <html> <head> <meta charset='utf-8'> <title>jquery遮罩层效果</title> <link rel="stylesheet" type="text/css" href="css/demo.css"> <script ty ...
分类:
其他好文 时间:
2016-09-01 21:17:11
阅读次数:
183
做过弹层组件的童鞋应该都考虑过特殊情况下取消页面滚动条,让其不能滚动,这样用户体验会好很多,当弹层内容超出屏幕展现范围的时候在弹层上面增加滚动条来查看全部内容。 一、去除滚动条方法给body添加overflow:hidden属性即可,IE6、7下不会生效,需要给html增加overflow:hidd ...
分类:
Web程序 时间:
2016-09-01 10:43:51
阅读次数:
169
$("cli-open").click(function(){ var scrollTop = document.body.scrollTop;//保存点击前滚动条的位置 window.onscroll=function(){ document.body.scrollTop = scrollTop; ...
分类:
移动开发 时间:
2016-08-29 17:38:39
阅读次数:
313
Viewer.js 是一款强大的图片相册插件,像SNS交友网站一般都会用到点击缩略图,弹出层大图片,而且弹出层有多个控制按钮,比如放大缩小、旋转、撤回等,底部有缩略图列表可切换。 支持移动设备触摸事件支持响应式支持放大/缩小支持旋转(类似微博的图片旋转)支持水平/垂直翻转支持图片移动支持键盘支持全屏 ...
分类:
Web程序 时间:
2016-08-29 09:09:03
阅读次数:
234
实现效果如图: 鼠标悬浮到“张三”时,弹出张三信息,当鼠标仅从下面与张三结合部分移过来,弹出信息不消失,离开弹出框或离开张三,弹出框消失; 1.准备一个触发的超链接,一个弹出html(html标签) <a href="#" class="info_name">张三</a> <div class="i ...
分类:
其他好文 时间:
2016-08-26 10:34:11
阅读次数:
132
今天本人要做一个点击弹出的功能,因为这个功能是最后做的,所以写的时候很纠结, 因为本人小菜一枚, 开始尝试用 position:relative;来做一试不行呀 ,因为用这个来做的话 会打乱原有的布局, 然后我就又尝试 absolute 来做,其实用绝对定位是正确的 可是我当时犯蒙,把弹出框放在ht ...
分类:
其他好文 时间:
2016-08-23 16:38:50
阅读次数:
122