首先给大家展示演示效果：基于JavaScript的网页弹出层，鼠标按在弹出层的标题栏处，可以拖动该浮动层随意移动位置，不需要时也可以关闭，操作体验舒服，兼容性好，IE/火狐等众多浏览器下运行稳定、反应快速。代码表现方面，简洁务实，不玩虚的，拿去学习也相当不错。 js代码 示例一：弹出层并可拖拽html,body{height:100%;overflow:hidden;} body,div,h2{margin:0;padding:0;} body{font:12px/1.5 Tahoma;} li{ list-style-type:no...
本文实例讲述了jquery实现多条件筛选特效。分享给大家供大家参考。具体如下： jquery实现的弹出层登录和无刷新切换全屏层注册特效源码，是一段非常适合现代审美观的网站登录和注册效果代码，本段实例主要表现在点击登录后在当前页面内弹出登录遮罩层，而点击注册链接时，在当前页面内无刷新显示全屏注册层效果，是一款非常实用的特效代码，值得大家学习。 运行效果图： -------------------查看效果 下载...
下图给大家展示了使用jquery css实现的点击动画弹出表单源码，有上传表单、删除表单、发送评论表单，都是通过鼠标点击图标按钮动画弹出的表单源码特效。 效果图展示如下：在线预览 源码下载 html代码：上传选择文件确定？确定删除发送js代码：$(function () {var quttonUpload = Qutton.getInstance($('#qutton_upload'));quttonUpload.init({icon: 'images/icon_upload.png',backgroundColor: '#917466'});var quttonDelete = ...
本文实例讲述了js制作带有遮罩弹出层实现登录注册表单代码特效代码。分享给大家供大家参考。具体如下： 运行效果图： ----------------------查看效果 源码下载-----------------------小提示：浏览器中如果不能正常运行，可以尝试切换浏览模式。 jquery制作的带有遮罩弹出层实现登录注册等表单的特效源码，是一段实现了点击后在原始页面上弹出想用页面的代码。为大家分享的js制作带有遮罩弹出层实现登录注册...
本文实例讲述了jquery实现隐藏在左侧的弹性弹出菜单效果。分享给大家供大家参考。具体如下： 这是一款隐藏在左侧的弹性弹出菜单，从淘宝扣下来的，也可作为JavaScript缓冲动画的典型教程。本弹性菜单可扩展性强，实际上不光可以做成菜单，也可布局一些图文混排的内容或一段视频，总之被弹出的内容是在一段Div内，怎么布置就看你的了。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/jquery-left-hidden-aler...
本文实例讲述了jQuery实现单击弹出Div层窗口效果。分享给大家供大家参考。具体如下： 这是一款jquery实现的可拖动可关闭的弹出框效果，网上已经有很多类似效果了，网页上实现这种效果其实并不难，现在又有了jquery让我们用，更方便了，本代码演示了在CSS代码、JavaScript代码和HTML三者结合的情况下，如何实现一个可关闭的弹出窗口，鼠标点击关闭按钮后将其关闭，然后会显示打开按钮，单击这个按钮即弹出这个层窗口。 运行效果截图...
本文实例讲述了jQuery实现点击按钮弹出可关闭层的浮动层插件。分享给大家供大家参考。具体如下： 这是一款由漫画Jquery弹出层插件改编而来，小鸟Js弹窗插件，按ESC可以关闭窗口。默认不带样式，大家可以根据自己的项目写样式。弹出层代码很小，min版的只1.15k，因为小所以值得应用。希望有网友可以再改进，希望她变得更小。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/js-close-able-alert-dlg-plug-code...
本文实例讲述了jquery实现点击弹出带标题栏的弹出层(从右上角飞入)效果。分享给大家供大家参考。具体如下： 这是一款jquery实现的弹出层，点击文字后从网页右上角飞入，也可以说是滑入，此类弹出框带有关闭按钮，可自定义标题栏和弹出框内容，风格自己可定义，代码简洁，基于jquery实现，学习参考价值大，也可拿出即用。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/jquery-fade-in-title-info-stye-alert...
本文实例讲述了jQuery实现气球弹出框式的侧边导航菜单效果。分享给大家供大家参考。具体如下： 这是一款基于jQuery实现的气球弹出框式的侧边导航菜单，预览效果时左下角会提示错误，而且看不到效果，刷新一下就可以看到效果了；当然，在实际使用中，不会出现这样的问题。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/jquery-alt-dlg-left-nav-menu-style-codes/ 具体代码如下：泡沫弹出框式的侧边导航菜单...
本文实例讲述了jquery实现可自动判断位置的弹出层效果代码。分享给大家供大家参考。具体如下： 这是一款jquery实现的智能弹出层效果，位置可以自适应，当层靠右边显示时自动往左移。初次运行时请按F5刷新，载入远程jQuery后才能看到效果，点击鼠标左键，弹出层将出现，在最右边点击时层自动往左移。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/jquery-auto-check-pos-alert-dlg-demo/ 具体代码如下：jque...
这篇文章主要介绍了jquery实现仿新浪微博带动画效果弹出层代码，具有可关闭及可拖动的功能，涉及jQuery针对鼠标事件的响应及页面元素属性的变换功能，具有一定参考借鉴价值,需要的朋友可以参考下，具体如下：这是一款jquery实现带动画的弹出层，最开始是模拟新浪微博中的弹出层，后来引入了jQuery，又想了想，加入点动画效果不知怎么样，后来就写出了这么一个弹出的网页层效果，你点击按钮后就可以看到一个渐出的可关闭的弹出层，点...
本文实例讲述了jquery实现简单实用的弹出层效果。分享给大家供大家参考。具体如下： 目前来说，我还是喜欢这个自己改造的弹出层，在项目中用的也是这个。引入了新版的jquery插件，方框及文字都可以自己定义，非常方便，希望大家也喜欢这款弹出层，JavaScript在本例中也充分发挥了作用，对学习JS也是不错的参考。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/jquery-simple-alert-style-demo/ 具体代码如下...
具体代码详情如下所示：基本思路先隐藏（dispaly：none）再显示，半透明蒙版层通过 z-index:9998; z-index:9999; 值越大越在前面index.htmljquery点击弹出登陆窗口jQuery(document).ready(function($) {$('.theme-login').click(function(){$('.theme-popover-mask').fadeIn(100);$('.theme-popover').slideDown(200);})$('.theme-poptit .close').click(function(){$('.theme-popover-mask').fadeOut(100);$('.theme-popover').sl...
当要在有限的空间展示更多的信息时，我们经常会采取鼠标滑过弹出更多相关信息层，提高互动性。尤其可以应用在公司照片墙、招聘网站求职者信息展示等等场景。 本文结合实例和大家分享下使用jQuery实现滑过图片展示信息效果。当鼠标滑向照片时，会弹出对应的照片的详细介绍信息，请看演示效果：效果展示 源码下载 HTML 首先我们准备页面素材，页面上由多组图片密集组成，同时有图片对应的相关说明信息，用于展示详细信息效果。孟...
本文实例讲述了jQuery实现选中弹出窗口选择框内容后赋值给文本框的方法。分享给大家供大家参考，具体如下： 一、先描述下可以实现什么： 下拉框一改变，弹出框出现，选择弹出框中的值会赋值给下拉菜单二、代码：Subscribe策略 * { margin: 0; padding: 0;} #bg{ display:none; position:fixed; _position:absolute; height:100%; width:100%; top:0; left:0; background:#000; border:1px solid #cecece; z-index:1; } #logWin{...