javascript实现弹出带透明效果的可拖动图层
javascript实现弹出带透明效果的可拖动图层
最经因为需要一个弹出图层效果,弹出图层倒是容易实现,但具有拖动效果却不知怎么去实现,在网上最终找到了一个需要的效果,代码也不多,一看代码的精炼,知道原作者应该是javascript高手级别的人,现在决定借来一用,我把它略加美化后,看上去效果还很不错。
于是把它记下来,以便今后方便使用。
function openDIV(){
var titleheight = "22px"; // 提示窗口标题高度
var bordercolor = "#000099"; // 提示窗口的边框颜色
var titlecolor = "#ffff00"; // 提示窗口的标题颜色
var titlebgcolor = "#000099"; // 提示窗口的标题背景色
var bgcolor = "#000"; // 提示内容的背景色
var w=600; //定义弹出窗口的宽度
var h=400; //定义弹出窗口的高度
var iWidth = document.documentElement.clientWidth;
var iHeight = document.documentElement.clientHeight;
//创建背景DIV //cssText属性兼容各个浏览器
var bgObj = document.createElement("div");
bgObj.setAttribute("id","bgDiv");
bgObj.style.cssText = "width:"+iWidth+"px;height:"+Math.max(document.body.clientHeight, iHeight)+"px;";
document.body.appendChild(bgObj);
//创建并设置msgObj,且设置透明度效果该背景色为#000,filter:Alpha(Opacity=50);opacity:0.50;
var msgObj=document.createElement("div");
msgObj.setAttribute("id","msgDiv");
&
相关文档:
最低一直在写JavaScript,就本人遇到的两个问题以及解决方法给大家分享一下.
1,点击一个按钮,创建一段HTML代码和现有的一模一样,但是里面所有ID的参数和方法里面的参数要改变,参数都是若干个字母+数字组成.新创建出来的HTML代码片段要里面的参数变成字母不变,数字要+1.
如,变之前的代码,
<div id=”testdiv1&rd ......
1.HTML文档树形表示
2.Node[] Node.childNodes
//返回Node对象的所有字节点
3.Node.firstChild / lastChild /nextSibling(下一个兄弟节点) / previousSibling (上一个兄弟节点) / parentNode
属性
4.Node.appendChild() / removeChild() / replaceChil ......
完全打开页面后,在该页的在IE地址栏 或 按Ctrl+O 输入以下代码,回车,就可以得到相应的效果:
1.显示网页中的所有图片
javascript:Ai7Mg6P='';for%20(i7M1bQz=0;i7M1bQz<document.images.length;i7M1bQz++){Ai7Mg6P+='<img%20src='+document.images[i7M1bQz].src+'><br>'};if(Ai7Mg6P!=''){document.wri ......
在数据绑定事件中写如下代码:
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row .RowType == DataControlRowType .DataRow)//判断是否为数据行
{
//在点击删除时,弹出提示对话框
LinkButton lb = e.Row.FindControl("LinkB ......