像这样网页上方出现图中升级提示的html代码怎么写?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了像这样网页上方出现图中升级提示的html代码怎么写?相关的知识,希望对你有一定的参考价值。

写个浏览器版本检测代码,检测出来版本如果与你所设定的版本不符,则显示上述所示内容。用js或者别的脚本语言都能实现的。

下面是该网站的代码。你参考着来修改吧:
<div class="top_logo"><a href="javascript:void(0);" title="把2345网址导航设为主页" target="_self" onClick="if(T.browser.ie === '6.0')window.open('http://bbs.2345.cn/thread.php?fid=1&pid=2678844');return false;;T.setHomePage(this,'http://www.2345.com/?t=2345');clickCount('homepage1');return(false);"><img src="http://www.2345.com/i/blank.png" width="10" height="10" id="websiteLogo"></a><span class="tipSet_ie6" id="J_tipSet_ie6" style="display:none;" onMouseOver="this.className='tipSet_ie6_hov'" onMouseOut="this.className='tipSet_ie6'"></span><em class="close_tip_ie6" onClick="localStorage.setItem('__tipSet_ie6__','1');$('J_tipSet_ie6').style.display='none';" title="关闭"></em></div>
下面的代码放到页面的底部:
<span style="display:none"><script src="http://union2.50bang.org/js/2345"></script><script> (function(doc) var div = $('corner_div'), appendImg = false, doSth = function () var d = doc.documentElement, w = window.innerWidth || (d && d.clientWidth ) || doc.body.clientWidth; if ( w < ($CONFIG['wideScreen'] ? 1202 : 998 ) + 200 ) div.style.display = 'none'; else if (!appendImg) if (isIE6) $('J_cor_bg').style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'images/corner_0108.png\',sizingMethod=\'crop\');'; else $('J_cor_bg').style.background = 'url(images/corner_0108.png) no-repeat'; appendImg = true; div.style.display = 'block'; ; //doSth(); //T.addEvent(window,'resize',function()T.throttle(doSth););(document)); if ($CONFIG['wideScreen']) document.write('<scri'+'pt src = "http://union2.50bang.org/js/width"></scri'+'pt>');try if (window.external.RCCoralOnlineFavPage('productVersion')) var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1000110207'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "w.cnzz.com/q_stat.php%3Fid%3D1000110207' type='text/javascript'%3E%3C/script%3E")); catch(e) //ie6升级提示(function(doc,b) var date = new Date($CONFIG['time']) , ls = localStorage.getItem('toptip_ie6') , div ; if (b.ie !== '6.0' || b.isShell || ls === '1' || date.getTime() < parseInt(ls)) return; localStorage.setItem('toptip_ie6',date.setHours(23, 59, 59)); div = document.createElement('DIV'), firstChildren = document.body.children[0]; div.className = 'stopie6'; div.innerhtml = '<div class="inner"><span class="st_left"><ins class="icon"></ins><a href="http://digi.it.sohu.com/20131115/n390199230.shtml">微软即将停止IE6更新</a>,为保证安全上网,请立即将浏览器升级为<a href="http://ie.2345.com/?2345" class="link">2345智能浏览器</a>!</span><a target="_self" href="http://download.2345.com/down/2345Explorer_100220.exe" class="btn_browse">立即更新</a><a id="J_ie6_close" href="javascript:;" target="_self" class="st_close" title="关闭"></a></div>'; firstChildren.parentNode.insertBefore(div, firstChildren); $('J_ie6_close').onclick = function() localStorage.setItem('toptip_ie6','1'); doc.body.removeChild(div); event.returnValue = false; (document,T.browser));</script></span>

祝你成功!
参考技术A 直接用段js判断用户当前的浏览器,如果不是2345浏览器就弹出上面的那段话。追问

不会啊 怎么写

网页中这样的可关闭提示框如何实现?css

一般网站推出新功能的时候会用到这样的提示框,如图百度分这个。
这个提示框默认的是现实的,可以关闭。关闭后不再显示。

  一个很常见的网站提示栏,一般常用于首页,会给出一行提示文字,用方框框起来,再附上一个关闭按钮,配上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>可关闭的提示框</title>
<style>
#tips

position:relative;
margin:0 auto;
border:1px solid
#FA9150;
padding:5px 10px 5px
10px;
width:96%;
background-color:#FEF1E9;
line-height:160%;
font-size:12px;

#close

position:absolute;
top:7px;
right:8px;

</style>
<script>
function
Close()
document.getElementById("tips").style.display =
"none";

window.onload = function()

document.getElementById("tips").onclick =
Close;

</script>
</head>
<body>
<p
id="tips">
参考技术A 用一个浮动层来实现:
<html>
<head></head>
<body>
这个是测试文字,我看不见了:
<div style="position:absolute; z-index:10; width:200px; height:100px; background-color:#CCCCCC; left: 138px; top: 17px;" id=me ><a href="#" onClick="document.getElementById('me').style.display='none'">点击我关闭</a></div>
</body>
</html>本回答被提问者采纳
参考技术B 这里有一个弹出提示层效果
可以设置关闭和显示位置
里面有教程和源码

参考资料:http://www.blueidea.com/common/shoutbox/redir.asp?1=j&id=10818

以上是关于像这样网页上方出现图中升级提示的html代码怎么写?的主要内容,如果未能解决你的问题,请参考以下文章

asp.net中,当密码框textbox=“password”时,怎么能够在密码输入框中显示提示文字,后台代码怎么写?

“导航已取消”是怎么回事?

vscode怎么提示

sublime代码变成了这样 怎么把方框去掉

网页中这样的可关闭提示框如何实现?css

linux 输入yes后不停的出现y,就像图中那样,请问该怎么解决?