模拟弹出菜单的代码

点“为自己付费”按钮之后弹出一个模态化div,点确定按钮之后,表格增加一行记录;同理,点“为他人付费”按钮也增加另外一行记录。可是在IE6、IE7下可以,FF下不行,请问可有办法呢?

支付中心-填写资料

#testa,#testa2 {
width:100%;
}
#lockform,#lockform2 {
position:absolute;
width:expression(this.parentNode.scrollWidth);
top:expression(this.parentNode.scrollTop);
left:0;
height:100%;
right:0;
bottom:0;
z-index:1;
background:gray;
filter:alpha(opacity=92);
}
#main,#main2 {
width:400px;
position:absolute;
left:expression(this.parentNode.scrollWidth/2-200);
top:100px;
background:#efefef;
text-align:left;
filter:Alpha(opacity=100);
}
#InfoHead,#InfoHead2 {
text-align:right;
padding:3px 0 1px 3px;
border:1px solid #f90;
background:url(../images/lockform_title.gif) repeat-x;
color:#36f;
cursor:move;
}
#InfoHead a:link,#InfoHead a:visited,#InfoHead2 a:link,#InfoHead2 a:visited {
font-size:14px;
font-weight:bold;
padding:0 3px;
}
#InfoBody,#InfoBody2 {
border:4px double #f90;
border-top:none;
padding:2px;
}
#InfoContent {
height:200px;
padding:6px;
overflow:auto;
word-break:break-all;
}
#InfoContent2 {
height:297px;
padding:6px;
overflow:auto;
word-break:break-all;
}

';
tr.insertCell().innerHTML='75 元';
tr.insertCell().innerHTML='';
tr.insertCell().innerHTML='删除'
}
function add_others(){
tr=document.all.pay_table.insertRow();
tr.insertCell().innerText="短信"+(++i);
tr.insertCell().innerHTML='0.10 元/条';
tr.insertCell().innerHTML='';
tr.insertCell().innerHTML='75 元';
tr.insertCell().innerHTML='对方E-mail:信息每行八个汉字
不超过两行高度。';
tr.insertCell().innerHTML='删除'
}
function del_item(){
document.all.pay_table.deleteRow(window.event.srcElement.parentElement.parentElement.rowIndex);
}

function lock(menu){
menu.style.display="none"?'':''; //打开蒙版
}
function unlock(menu){
menu.style.display=""?'none':'none'; //去除蒙版,达到解锁
return false;
}
function showmain(){
document.all.main.style.display='';
lock(lockform);
}
function hidemain(){
document.all.main.style.display='none';
}
function gs(d){
var t=document.getElementById(d);
if (t){
return t.style;
}
else{
return null;
}
}
function gs2(d,a){
if (d.currentStyle){
var curVal=d.currentStyle[a]
}
else{
var curVal=document.defaultView.getComputedStyle(d, null)[a]
}
return curVal;
}
function InfoClose(){
gs("main").display = "none";
}
if (document.getElementById){
(
function(){

var n = 500;
var dragok = false;
var y,x,d,dy,dx;

function move(e){
if (!e) e = window.event;
if (dragok){
d.style.left = dx + e.clientX - x + "px";
d.style.top = dy + e.clientY - y + "px";
return false;
}
}

function down(e){
if (!e) e = window.event;
var temp = (typeof e.target != "undefined")?e.target:e.srcElement;
if (temp.tagName != "HTML"|"BODY" && temp.className != "dragclass"){
temp = (typeof temp.parentNode != "undefined")?
temp.parentNode:temp.parentElement;
}
if('TR'==temp.tagName){
temp = (typeof temp.parentNode != "undefined")?
temp.parentNode:temp.parentElement;
temp = (typeof temp.parentNode != "undefined")?
temp.parentNode:temp.parentElement;
temp = (typeof temp.parentNode != "undefined")?
temp.parentNode:temp.parentElement;
}

if (temp.className == "dragclass"){
if (window.opera){ document.getElementById("Q").focus(); }
dragok = true;
temp.style.zIndex = n++;
d = temp;
dx = parseInt(gs2(temp,"left"))|0;
dy = parseInt(gs2(temp,"top"))|0;
x = e.clientX;
y = e.clientY;
document.onmousemove = move;
return false;
}
}

function up(){
dragok = false;
document.onmousemove = null;
}

document.onmousedown = down;
document.onmouseup = up;

}
)();
}

function lock2(menu2){
menu2.style.display="none"?'':''; //打开蒙版
}
function unlock2(menu2){
menu2.style.display=""?'none':'none'; //去除蒙版,达到解锁
return false;
}
function showmain2(){
document.all.main2.style.display='';
lock2(lockform2);
}
function hidemain2(){
document.all.main2.style.display='none';
}
function gs2x(d){
var t=document.getElementById(d);
if (t){
return t.style;
}
else{
return null;
}
}
function gs22x(d,a){
if (d.currentStyle){
var curVal=d.currentStyle[a]
}
else{
var curVal=document.defaultView.getComputedStyle(d, null)[a]
}
return curVal;
}
function InfoClose2(){
gs2x("main2").display = "none";
}

//-->

 填写资料
 

购 物 车

商品名称 单价(会员) 数量 总价 付费类型 删除
购物车里有商品:2 件 总数:10 件 共计:75 元 您有预存款:120 元

您现在可以:返回主页 下载使用说明书 安全退出

年费套餐:
数量:

EMAIL地址:
年费套餐:
数量:
姓名: 西门吹雪
邮编: 200083
地址: 某某省某某市某某路某某号
邮箱: 888@163.com

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

(0)

相关推荐

  • js 弹出菜单/窗口效果

    是不是应该为弹出菜单提供更好的可访问支持?这篇文章将涉及到3种常见的弹窗: window.open 新建的浏览器窗口 <iframe /> 创建的窗口 页面 DOM 创建的伪弹出窗口:如弹出 tips 等 一.当页面无 JS 的时候 通常来说,无 JS 的情况那就按 HTML 的行为来做事.让链接可以链接,就已经解决.比较简单,我们简单带过: 1. window.open 新建的浏览器窗口:尽量让 JS 触发器绑定在 <a /> 上,并把 a 链接到一个新的页面,即可. 复制代码

  • 无js5款纯div+css制作的弹出菜单标准

    一.最基本的:二级dropdown弹出菜单 二级dropdown弹出菜单--A CROSS BROWSER Drop DOWN CASCADING VALIDATING MENU /* common styling */ /* set up the overall width of the menu div, the font and the margins */ .menu { font-family: arial, sans-serif; width:750px; margin:0; mar

  • Js+DVML很酷漂亮实用的右键弹出菜单

    Js+DVML:很酷实用的右键弹出菜单 v\:*{behavior:url(#default#VML);} .menulist{position:static;PADDING-TOP:6;LETTER-SPACING:8;HEIGHT:20;TEXT-ALIGN:center;margin-bottom:-2} //作者:风云舞 var menutime1=null,showobjs1=null //menutime1=循环计时器调用变量,showobjs1=绑定菜单,定时器过程执行时调用 fu

  • 编写纯 CSS 弹出菜单的原理及实现 By shawl.qiu

    编写纯 CSS 弹出菜单的原理及实现 By shawl.qiu摘要: 本文介绍了使用 CSS 编写适用于 Opera, Firefox, IE 的多风格弹出菜单 说明:编写 CSS 弹出菜单的要点不外乎当鼠标移到目标上时, 显示出隐藏的标签. 要隐藏的标签使用 display:none; 属性进行隐藏. 触发显示隐藏标签主要使用 :hover 属性, 并用 display:block; 显示隐藏的标签. 但由于浏览器对 CSS 的支持并非一致.对于 Opera 或者 Firefox, 我们可以编

  • android popwindow实现左侧弹出菜单层及PopupWindow主要方法介绍

    PopupWindow可以实现浮层效果,主要方法有:可以自定义view,通过LayoutInflator方法:可以出现和退出时显示动画:可以指定显示位置等. 为了将PopupWindow的多个功能展现并力求用简单的代码实现,编写了一个点击按钮左侧弹出菜单的功能,实现出现和退出时显示动画效果并点击其他区域时弹出层自动消失,效果图如下: 源码: 1.PopwindowOnLeftActivity.java 复制代码 代码如下: package com.pop.main; import android

  • jquery 插件之仿“卓越亚马逊”首页弹出菜单效果

    复制代码 代码如下: /*弹出式菜单*/ //没剑 2008-07-03 //http://regedit.cnblogs.com /*参数说明*/ //showobj:要显示的菜单ID //timeout:延时时间,鼠标停留/离开后延时多久开始显示/隐藏菜单 //speed:菜单显示速度,数字越大,显示越慢,默认为100 //调用示例:$("#button").DMenu("#content"); jQuery.fn.DMenu=function(showobj,

  • 模拟弹出菜单的代码

    点"为自己付费"按钮之后弹出一个模态化div,点确定按钮之后,表格增加一行记录:同理,点"为他人付费"按钮也增加另外一行记录.可是在IE6.IE7下可以,FF下不行,请问可有办法呢? 支付中心-填写资料 #testa,#testa2 { width:100%; } #lockform,#lockform2 { position:absolute; width:expression(this.parentNode.scrollWidth); top:expressio

  • vue2.0的contextmenu右键弹出菜单的实例代码

    整理文档,搜刮出一个vue2.0的contextmenu右键弹出菜单的实例代码,稍微整理精简一下做下分享. 1.事情对象 <!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <script src="http://unpkg.com/vue/dist/vue.js"></script>

  • js模拟弹出效果代码修正版

    模拟弹出效果代码修正版 从网上看到的代码,当文章内容较多时,总会提示 复制代码 代码如下: --------------------------- Windows Internet Explorer --------------------------- Internet Explorer 无法打开 Internet 站点 应该是页面没加载完,所以我判断下,等页面加载完了,再运行 复制代码 代码如下: window.onload=function(){ var oo = new fw.com.u

  • Android 自定义弹出菜单和对话框功能实例代码

    Android 开发当中,可能会存在许多自定义布局的需求,比如自定义弹出菜单(popupWindow),以及自定义对话框(Dialog). 话不多说,直接上图片. 先讲第一种,自定义PopUpWindow 1.popupWindow protected void showPopWindow(View view, final int pos){ WindowManager wm= (WindowManager) myContext.getSystemService(Context.WINDOW_S

  • ios实现底部PopupWindow的示例代码(底部弹出菜单)

    前言 在Android中要实现底部弹出菜单很容易,有专门的PopupWindow类,我们只需要用xml订制好其内容View以及设置其弹出位置即可,非常容易.但是,在ios中就不能这么直接了,没有现成的东西,需要自己想办法来实现. 思路分析 反正最终一定要实现效果,那么内容View一定要解决掉,那么是在Interface Builder编辑实现还是直接用代码实现呢?答案是都可以,但为了方便和订制相对比较规范,建议用interface Builder编辑. 内容ok了,那么内容放在哪里?这是个核心问

  • Vue弹出菜单功能的实现代码

    言归正传 我们老样子直接先上效果图再开始今天的分享 这个项目的github可以看一看 组件分析 界面组成 逻辑分析 最终实现 界面组成 从上图中,我们可以看出界面主要分为menu和item2块,其中menu的动画是自传,item的动画是位移,然后这里我们通过绝对布局的方式将整个控件定位在四个角落 .menu_container { position: absolute; z-index: 100; border-radius: 50%; transition-duration: 400ms; t

  • PyQt5中QTableWidget如何弹出菜单的示例代码

    QTableWidget是Qt程序中常用的显示数据表格的控件,类似于c#中的DataGrid.QTableWidget是QTableView的子类,它使用标准的数据模型,并且其单元数据是通过QTableWidgetItem对象来实现的,使用QTableWidget时就需要QTableWidgetItem.用来表示表格中的一个单元格,整个表格就是用各个单元格构建起来的 在PyQt5中,常需要对表格进行右击后弹出菜单,要实现这个操作就是两个问题:1. 如何弹出菜单.2. 如何在满足条件的情况下弹出菜

  • IOS MenuViewController实现弹出菜单效果

    在写项目时,要实现一个从下移上来的一个弹出菜单,并且背景变深的这么一个效果,在此分享给大家. 主要说一下思路及一些核心代码贴出来,要想下载源码,请点击下载:MenuViewController 一个简单,效果好,比较实用的菜单弹出效果的实现,效果图: 实现方式:将self.view当前页面缩小,在当前页的上面添加一个菜单的view,即在self.view.superview添加. //显示 - (void) show:(UIView*)parent { parentView = parent;

  • Android中微信小程序开发之弹出菜单

    先给大家展示下效果图,具体效果图如下所示: 具体代码如下所示: 1.index.js //index.js //获取应用实例 var app = getApp() Page({ data: { isPopping: false,//是否已经弹出 animationPlus: {},//旋转动画 animationcollect: {},//item位移,透明度 animationTranspond: {},//item位移,透明度 animationInput: {},//item位移,透明度

随机推荐