本文实例讲述了JavaScript实现弹出模态窗体并接受传值的方法。分享给大家供大家参考,具体如下: function shows(zwbh){var sUrl=window.showModalDialog(zlzx_edit.asp?xmbid=<%=Request("xmbid")%>&zlbh=+zwbh+&typeid=<%=typeid%>,window,dialogWidth=500px;dialogHeight=240px;status=no;); if(document.selection){if (sUrl == "123"){}else{location.href = location.href;}} }更多关于JavaScript相关内容感兴趣的读者可查看...
本文分享一段代码实例,它能够点击文本框的时候,能够弹出下拉的checkbox复选框,选中复选框就能够将值写入文本框中,可能在实际应用中的效果没有这么直白简单,不过可以作为一个例子演示,以便于学习者理解和扩展。 代码如下:<html> <head> <meta charset="gb2312"> <title>js点击文本框弹出可选择的checkbox复选框</title> <style type="text/css"> #div{margin-bottom:10px;position:relative; } #div1{width:153px;padding-top...
本文实例讲解了javascript实现右侧弹出“分享到”窗口的详细代码,分享给大家供大家参考,具体内容如下 效果图:具体代码: <html> <head> <meta charset="gb2312"> <title></title> <style type="text/css"> body { padding: 0; margin: 0; }#div1 { width: 100px; height: 150px; background-color: #1B6D85; left:-100px; position: absolute; }#div1 span { width: 20px; height: 100px; line-height: 30px; background-color:...
很多网站,当鼠标悬浮在一个元素上的时候能够弹出一个信息说明层,并且此层能够跟随鼠标移动,同时弹出的层带有箭头,此箭头指向鼠标悬浮的元素,下面就通过实例代码简单介绍一下如何实现此效果。 代码实例如下: <!DOCTYPE html> <html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="author" content="//www.gxlcms.com/" /> <title>脚本之家</title> <style type="text/css"> #cont...
本文实例讲解了网页右下角弹出广告信息框实例代码,分享给大家供大家参考,具体内容如下 效果图:具体代码: <!DOCTYPE html> <html> <head> <meta charset="gb2312"> <title>网页右下角的信息框</title> </head> <style type="text/css"> #winpop {width:200px;height:0px;position:absolute;right:0;bottom:0;border:1px solid #666;margin:0;padding:1px;overflow:hidden;display:none; } #winpop .title{width:100%;height:22p...
本文章介绍了一种比较常用的效果,那就是当鼠标滑过链接的时候,能够出现跟随鼠标指针移动的图层,在实际应用中,一般是对于链接的一些说明文字或者图片等等,下面是代码实例: <!DOCTYPE html> <html> <head> <meta charset="gb2312"> <title>脚本之家</title> <style type="text/css"> body{margin:0;padding:40px;background:#fff;font:80% Arial, Helvetica, sans-serif;color:#555;line-height:180%; } a{text-decoration:none...
本章节介绍一下一种比较常用的效果,那就是当鼠标滑过链接的时候,能够出现跟随鼠标指针移动的图层,在实际应用中,一般是对于链接的一些说明文字或者图片等等, 我们先来看个演示图下面是代码实例: <link rel="stylesheet" href="../css/common.css" type="text/css" /> <script type="text/javascript" src="../js/jquery-1.2.6.pack.js"></script> <script type="text/javascript" src="../js/jquery.imagePreview.1.0.js"></sc...
在我们的日常开发中,或者生活中,经常需要用到弹出窗。这里我们就用js模拟一下qq消息一样的弹出窗,分享给大家供大家参考,具体内容如下 运行效果截图:直接贴代码:<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gbk" /> <title>javaScript实现网页右下角弹出窗口代码</title> </head> <body> <script type="text/javascript"> var ShowMsg={ title:提示, content:模拟qq弹出框消息提醒, w...
在前端群里看见过很多人问过这个问题,今晚又有人问了这个问题,所以写篇文章整理一下。首先看一下代码,点击li之后弹出当前li所对应的索引值。于是很多人刷刷刷写出了下面的代码。 var aLi = document.getElementsByTagName(li); for(var i = 0; i < aLi.length; i++){aLi[i].onclick = function(){alert(i);} } 但是结果不尽人意,为了简单,我们约定一下页面中有2个li。点击li之后弹出的都是2。 我们首先来分析一下为什么结果...
先创建一个窗体<div data-role="popup" id="popupView" class="ui-content" data-overlay-theme="b" data-position-to="window" data-dismissible="false"><a href=javascript:void(0) data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a><div>弹出窗内容<div> </div>1)点击后弹出<a href="#popupView" data-rel="popup" data-transition="flip" class="...
jquery实现点击链接弹出层效果:本例实现的主要原理:jquery操作DOM元素。对层样式的设置。将display:设置为none;让层隐藏; 代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="//www.gxlcms.com" /> <title>子选择器</title> <style type="text/css"> #choice_list_district{ height:50px; } #tab td{ cursor:pointer; } #divobj{ position:absolute; width:200px; height:20...
弹出层效果是一个很实用的功能,很多网站都采用了这种方式实现登录和注册,比如百度:弹出层的特点:点击登录或注册的时候在页面的中间部分弹出一个登录或注册区域并且页面有一个遮罩层,而且登录框在遮罩层之上,也就是登陆框的z-index值要大于遮罩层的z-index值。当点击关闭或者遮罩层时关闭登录或者注册框(有的网页没有实现点击遮罩层关闭登录或注册区域的功能。)。 最近也做了一个类似的弹出层的效果,先展示一下最终效果:简单...
第一款:页面遮罩弹出框是最常见的一种状况,用jQuery完成页面遮罩弹出框,主要用的技能有JQuery,css与html。 html代码下列:<div id="main"><a href="javascript:showBg();">点击这里查看效果</a><div id="fullbg"></div><div id="dialog"><p class="close"><a href="#" onclick="closeBg();">封闭</a></p><div>正在加载,请稍后....</div></div> </div>css代码以下:body {font-family:Arial, Helvetica, sans-serif;font-size...
本文实例讲解了js点击按钮实现带遮罩层的弹出视频效果,涉及到css以及JavaScript,分享给大家供大家参考,具体内容如下 最终显示效果:点击红色按钮,会有视屏弹出 并带有遮罩层点击黄色区域可以关闭视频 并回到最初的状态。页面主要代码:main中主要包含一个a,控制显示的按钮。设置有id值。 <div class="main"><a href="javascript:;" class="video" id="video"></a> </div> 以下代码就是用来控制视频的显示效果,.video-btn 包含...
本文为大家介绍了插件jquery.confirm弹出确认消息的实现方法,具有一定的参考价值,特分享给大家供大家参考,具体内容如下 实现效果:具体代码: 1、插件默认参数// 默认参数 $.confirm.defaults = {// 样式css: "http://static.qianduanblog.com/css/jquery.confirm/default.min.css?v=" + Math.ceil(new Date() / 86400000),// 确认框内容content: "确认吗?",// 确认按钮文字sureButton: "确认",// 取消按钮文字cancelButton: "...