求帮忙写一个html或者js代码,实现访问网站弹出一个提示框,只提示一次! 跟图片一样的提示。

作者&投稿:谏彬 (若有异议请与网页底部的电邮联系)
求帮忙写一个html或者js代码,实现访问网站检测访问地区,当地区不是一定地区时弹出一个提示!~


var ipinfo = localAddress["province"] + localAddress["city"];
if (
ipinfo.toString().indexOf("北京") != -1 ||
ipinfo.toString().indexOf("上海") != -1 || ipinfo.toString().indexOf("广州") != -1 || ipinfo.toString().indexOf("深圳")!= -1 || ipinfo.toString().indexOf("长春")!= -1 ) {
alert(ipinfo)
} else {
alert("不在上面判断地区")
}




通过jquery的show()和hide()函数联合使用,实现弹出窗口。
一、show()和hide()函数解析:
1、show() 方法显示隐藏的被选元素。
注意:show() 适用于通过 jQuery 方法和 CSS 中 display:none 隐藏的元素(不适用于通过 visibility:hidden 隐藏的元素)。
2、hide() 方法隐藏被选元素。
这与 CSS 属性 display:none 类似,但是隐藏的元素不会被完全显示(不再影响页面的布局)。
二、设计一个HTML页面,包括一个简单的弹出窗,和一个显示按钮。其中,调用了jquery的以上两个函数。具体代码如下:

三、设计遮罩层的样式,如下:

四、弹出窗口的css样式,代码如下:

五、初始页面如下:

六、点击按钮,查看弹出窗口结果:

七、关闭弹出窗后,打开开发者中心,如下:

=======测试可运行,里面具体内容自己添加

<input type="button" value="点击这里" onclick="sAlert('测试效果<br>还可以直接书写HTML代码 <br>&#169; 2006');" />

<script type="text/javascript" language="javascript">
            function sAlert(str){
            var msgw,msgh,bordercolor;
            msgw=400;//提示窗口的宽度
            msgh=100;//提示窗口的高度
            bordercolor="#336699";//提示窗口的边框颜色
            titlecolor="#99CCFF";//提示窗口的标题颜色
            
            var sWidth,sHeight;
            sWidth=document.body.offsetWidth;
            sHeight=document.body.offsetHeight;
            

            var bgObj=document.createElement("div");
            bgObj.setAttribute('id','bgDiv');
            bgObj.style.position="absolute";
            bgObj.style.top="0";
            bgObj.style.background="#777";
            bgObj.style.filter="progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75";
            bgObj.style.opacity="0.6";
            bgObj.style.left="0";
            bgObj.style.width=sWidth + "px";
            bgObj.style.height=sHeight + "px";
            document.body.appendChild(bgObj);
            var msgObj=document.createElement("div")
            msgObj.setAttribute("id","msgDiv");
            msgObj.setAttribute("align","center");
            msgObj.style.position="absolute";
            msgObj.style.background="white";
            msgObj.style.font="12px/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif";
            msgObj.style.border="1px solid " + bordercolor;
            msgObj.style.width=msgw + "px";
            msgObj.style.height=msgh + "px";
          msgObj.style.top=(document.documentElement.scrollTop + (sHeight-msgh)/2) + "px";
          msgObj.style.left=(sWidth-msgw)/2 + "px";
          var title=document.createElement("h4");
          title.setAttribute("id","msgTitle");
          title.setAttribute("align","right");
          title.style.margin="0";
          title.style.padding="3px";
          title.style.background=bordercolor;
          title.style.filter="progid:DXImageTransform.Microsoft.Alpha(startX=20, startY=20, finishX=100, finishY=100,style=1,opacity=75,finishOpacity=100);";
          title.style.opacity="0.75";
          title.style.border="1px solid " + bordercolor;
          title.style.height="18px";
          title.style.font="12px Verdana, Geneva, Arial, Helvetica, sans-serif";
          title.style.color="white";
          title.style.cursor="pointer";
          title.innerHTML="关闭";
          title.onclick=function(){
            document.body.removeChild(bgObj);
        document.getElementById("msgDiv").removeChild(title);
        document.body.removeChild(msgObj);
        }
          document.body.appendChild(msgObj);
          document.getElementById("msgDiv").appendChild(title);
          var txt=document.createElement("p");
          txt.style.margin="1em 0"
          txt.setAttribute("id","msgTxt");
          txt.innerHTML=str;
      document.getElementById("msgDiv").appendChild(txt);
      }
        </script>


在DW里面行为可以实现


能否帮我写一个html网页? 要求是 有9个输入空,每个空输入一个数字后相加...
<html xmlns="http:\/\/www.w3.org\/1999\/xhtml"> <head> <meta http-equiv="Content-Type" content="text\/html; charset=utf-8" \/> <title>求和<\/title> <script type="text\/javascript"> function sum(){ var sum1=parseInt(document.getElementById("1").value)+ parseInt(document.get...

制作一个如下图所示的框架网页,写出HTML代码。
<style type='text\/css'> hifm{ width:1000px;height:600px;border:1px solid yellow;float:left;} .head{ width:1000px;height:80px;border:1px solid yellow;float:left;} .index{ width:160px;height:455px;border:1px solid yellow;float:left;} .main{ width:836px;height:455px;border...

HTML超链接怎么写
HTML超链接可以用a标签来设置。1、新建html文档,在body标签中添加a标签,为a标签添加“href”属性:2、设置“href”属性的属性值为“page.html”,这时点击a标签会跳转到“page.html”页面:3、为a标签设置“target”属性,属性值为“_blank”,这样“page.html”会在新标签打开,设置为“_self”则...

HTML语言。写一个图片移动的代码。要求:从右往左滚动,鼠标放上去停止...
var tab1=document.getElementById("demo1");var tab2=document.getElementById("demo2");tab2.innerHTML=tab1.innerHTML;function Marquee(){ if(tab2.offsetWidth-tab.scrollLeft<=0)tab.scrollLeft-=tab1.offsetWidth else{ tab.scrollLeft++;} } var MyMar=setInterval(Marquee,speed);tab....

写一个HTML源文件,要求在浏览器中显示如下表单功能
<form action="#" method="post"><input type="text" name="input01"><br><input type="radio" name="input02">male<br><input type="radio" name="input02">female<br><select><option>0000<\/option><option>11111<\/option><\/select><br><input type="submit" value="提交"><input ...

HTML中的类是什么意思?比如定义一个类为a的HTML代码怎么写
我们在html中说的类通常是指的类名,一个元素可以有name名字,ID名字,类名(class名字)这里的类为a也就是元素的class值等于a

HTML一个页面有多个a标签,怎么写才能让a标签显示不同的样式
假如我有两个<a>,如下:<a class="xiao" href="#">第一个链接<\/a> <a class="da" href="#">第二个链接<\/a> 那我在这个页面分别定义了两个类,如下:<style type="text\/css"> .xiao { font-size: 10px;} .da { font-size: 24px;} <\/style> 就OK了,完整的HTML代码如下:...

谁能帮写个简单的html表单源代码?
<td><font face="楷体" size="3">在此选择兴趣爱好,可以选择一个以上的选项。<\/td> <\/tr> <tr> <td align="right">留言内容<\/td> <td><textarea cols="25" rows="4" name="liuyan"><\/textarea><\/td> <\/tr> <tr> <td colspan="2" bgcolor="#A3C2E4" align="center" ...

怎样写html的代码才能和图中的一样,已提供css代码
你html都没有。谁知道你那css是干嘛的。你这一行布局简单得很呀。<div id="container"> <img src=""><\/img> <ul id="menu"><\/ul> <ul id="tool"><\/ul><\/div>注意:1 #container img设置margin-left 2 #menu设置margin-left 3 #tool设置margin-right 4 #container的宽度和...

用HTML5 写一个导航Menu ,li中的内容太长希望能自动换行,应该怎么写...
div+css格局 先写一下网页布局 <div> <ul> <li><\/li> <li><\/li> <li><\/li> <li><\/li> ...<\/ul> <\/div> 通过定义div的宽度和li浮动向左就可以实现你要的结果 div{width:900px} li{float:left}

佛坪县19738533041: 请帮忙给我写下面表格在HTML5中用JS代码计算小计和总金额的程序代码!谢谢了!急急急急急急!!!!!! -
系支欧必: <!DOCTYPE HTML><html><head><meta charset="utf-8"><title>Details</title><style> *{ margin:0; } table{ margin:auto; width: 800px; border: 1px solid black; border-collapse:collapse; } caption{ text-align:left; font: bolder 22px consolas; } th{ ...

佛坪县19738533041: 求一段html配合javascript提交页面的代码 -
系支欧必: <html xmlns="http://www.w3.org/1999/xhtml"><head> <title>无标题页</title> <script> function setname() { var url="1.html?name="+document.form1.txtname.value window.location.href=url; } </script></head><body><form method=post action="...

佛坪县19738533041: 求一段HTML代码 -
系支欧必: <html><head><title>随机显示的文本</title></head><BODY>请刷新观看效果<br><!--将以下代码加入HTML的<Body></Body>之间--><SCRIPT Language="JavaScript"> tips = new Array(); tips[0]='所有被热烈浸透的夜晚' tips[1]='如此遥远的旋转...

佛坪县19738533041: 网页静音代码 我想单独是一个网页页面静音 请高手写段代码 HTML 或者JS都可以 -
系支欧必: 看来你不懂里面的基本原理啊.首先,HTML和JS是从服务器那边传过来的,所以你自己写的代码除非能上传到服务器,一般是没有用的.其次,你的要求并非不能实现,现代的浏览器,包括Firefox和Chrome,能够针对特定的网站注入JS代码,这个功能在Firefox要靠GeaseMonkey插件来实现,在Chrome中则是用的插件的形式.如果你用的是IE,当我没有说过.第三,按照我的猜想,如果你用的是Firefox或Chrome,应该有现成的插件可以实现静音功能.如果没有,那就要自己写.声音的插入一般是使用媒体绑定,更现代一些的是用HTML5的Audio标签,这就需要你在自己的代码中作出判断,然后再执行相应的操作了.

佛坪县19738533041: 请帮忙写一段HTML代码 -
系支欧必: <!doctype html><!--不知道你是不是要这样,希望能帮到你--><html> <head> <meta charset="utf-8"> <style type="text/css"> body{ text-align: center; } div{ font-size: 18px; font-family: "宋体"; } </style> </head> <body> <div id="cur-date...

佛坪县19738533041: 帮忙写一小段js代码
系支欧必: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=" http://www.w3.org/1999/xhtml"> <head> <title>演示js</title> <script type="text/javascript" ...

佛坪县19738533041: JS代码怎么写 -
系支欧必: 将需要在js中修改的代码放在js变量中,该变量在js中定义,然后在insertHtml中添加这段代码,示例如下: var code = "<a herf = '#'><img url = '#'></img></a>"; insertHtml("beforeend",document.body,code); 将包含上述代码的js引入到页面...

佛坪县19738533041: 只写页面HTML及JS代码 -
系支欧必: My JSP 'index.jsp' starting page 文本域1 文本域2 单选 提交1 提交2

佛坪县19738533041: 编程未入门者请人帮忙编写一个javascript代码 要求 ……
系支欧必: 你自己加一个id="t1"的文本框和一个onclick="show()"的按钮.<script>标签内写如下函数: function show(){ var reNum = new RegExp("^\d{4}", ""); var getNum = document.getElementById("t1").value; if(reNum.test(getNum) == false...

佛坪县19738533041: 谁能帮我写一个小的CSS+html代码? -
系支欧必: <style> div.bg{background:#c3d9ff;width:185px;} b{display:block;}div b.topb b,div b.bottomb b{height:1px;overflow:hidden;background:#c3d9ff;} div b.topb,div b.bottomb{ background-color:white}b.t1{margin:0 5px} b.t2{margin:0 3px} b.t3{margin:0 2...

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网