〓当前为窗口特效类型网页制作特效演示代码---欧莱凯网页编程特效代码

欧莱凯设计网

0 0

Tips展开关闭问答代码

2556

摘要： function show(c_Str,imgg) {if(document.all(c_Str).style.display=='none') {document.all(c_Str).style.display='block'; document.all(imgg).src='http://www.lanrentuku.com/down/js/images/12493937251.gif'} else{document.all(c_Str).style.display='none'; document.all(imgg).src='http://www.lanrentuku.com/down/js/images/12493937250.gif'}} A { COLOR: red } .bg { BORDER-RIGHT: #d0d0d0 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #d0d0d0 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; BORDER-LEFT: #d0d0d0 1px solid; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #d0d0d0 1px solid; BACKGROUND-COLOR: infobackground } .arrow1 { FONT-SIZE: 12px; COLO. ID:20993

↗窗口特效 ★ 2556

阴影效果的可拖动MyPixbot浮动DIV层

2710

摘要： MyPixbot SeekAssist % X loadwin('assist') SeekRank % X setTimeout("loadwin('rank')",500) MyColor % X . ID:20727

↗窗口特效 ★ 2710

多种大小带缓冲效果的层展示

2605

摘要： - body {margin:0px} #Loading {position:absolute;z-index:10;left:10px;top:10px;border:1px #666666 solid;background:#eeeeee;width:10px;height:10px} 层1 500*300 层2 500*200 层3 200*500 层4 500*500 ID:20687

↗窗口特效 ★ 2605

背景全部变灰的提示效果

2564

摘要： function msg(info){ var p=document.createElement("DIV"); if (!info) var info='欧莱凯主题网酷站欣赏 http://web.2008php.com/'; p.id="p"; p.style.position="absolute"; p.style.width=document.body.scrollWidth; p.style.height=(document.body.offsetHeight>document.body.scrollHeight)?'100%':document.body.scrollHeight; p.style.zIndex='998'; p.style.top='0px'; p.style.left='0%'; p.style.backgroundColor="gray"; p.style.opacity='0.5'; p.style.filter="alpha(opacity=80)"; document.body.appendChild(p); var p1=document.createElement("DIV"); var top=parseInt(parseInt(document.body.scrollHeight)*0.25)+document.body.scrollTop; p1.style.position="absolute"; p1.sty. ID:20681

↗窗口特效 ★ 2564

网页新开窗口自动最大化代码

2621

摘要： self.moveTo(0,0) self.resizeTo(screen.availWidth,screen.availHeight) 欧莱凯主题网 ID:20664

↗窗口特效 ★ 2621

始终在最前面的弹出窗口对话框

2490

摘要： function fnRandom(iModifier){ return parseInt(Math.random()*iModifier); } function fnSetValues(){ var iHeight=oForm.oHeight.options[ oForm.oHeight.selectedIndex].text; if(iHeight.indexOf("Random")>-1){ iHeight=fnRandom(document.body.clientHeight); } var sFeatures="dialogHeight: " + iHeight + "px;"; return sFeatures; } function fnOpen(){ var sFeatures=fnSetValues(); window.showModalDialog("http://www.2008php.com/sy2.htm", "", sFeatures) } 窗口高度： -- 随机 --150200250300 打开窗口： ID:20339

↗窗口特效 ★ 2490

打开浏览器窗口自动最大化的效果

2405

摘要：打开浏览器窗口最大化的效果 function winSizer(){ windowWidth = window.screen.availWidth; windowHeight = window.screen.availHeight; window.moveTo(0,0); window.resizeTo(windowWidth,windowHeight); } ID:20338

↗窗口特效 ★ 2405

在网页中弹出一个灰色背景提示的警告小窗口

2406

摘要： webjx.com *{ padding:0; margin:0; font-size:12px;} #bg{background:#000000;opacity: 0.5;-moz-opacity:0.5; filter:alpha(opacity=50); width:100%; height:100%;position:absolute; top:0; left:0} #info{height:0px; width:0px;top:50%; left:50%;position:absolute; line-height:1.7} #center{background:#fff;border:1px solid #217AC1; width:300px; height:100px; position:absolute; margin:-50px -150px;} #center strong{ display:block; padding:2px 5px; background:#EBF4FC; color:#519FEE;} #center p{padding:10px; text-align:center; color:#1C6FB8;} 欧莱凯主题网：点这里测试一下 function boxs(v){ window.scrollTo(0,0); var bo = document.getElementsByT. ID:20280

↗窗口特效 ★ 2406

点击文字弹出一个DIV层窗口代码

4284

摘要： <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>点击文字弹出一个DIV层窗口代码</title> <style> .black_overlay{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=88); } .white_content { display: none; position: absolute; . ID:20129

↗窗口特效 ★ 4284

CSS+JS实现点击文字弹出定时自动关闭的DIV层菜单

3434

摘要： <SCRIPT type=text/javascript> var w = 0; var h = 0; var mout; function emotion(){ var oMenu = document.getElementById("menu"); if(w <= 50){ oMenu.style.display = "block"; fnLarge(); } else{ fnSmall(); } } function fnLarge(){ var oMenu = document.getElementById("menu"); if(w < 200){ w += 50; h += 25; oMenu.style.width = w+"px"; oMenu.style.height = h+"px"; window.setTimeout("fnLarge()",10); } } function fnSmall(){ var oMenu = document.getElementById("menu"); if(w > 0){ w -= 50; h -= 25; oMenu.style.width = w+"px"; oMenu.style.height = h+&qu. ID:20128

↗窗口特效 ★ 3434

仿MSN右下角滑出提示窗口

2109

摘要： <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>右下角弹窗</title> </head> <body> <SCRIPT> var oPopup = window.createPopup(); var popTop=50; function popmsg(msgstr){ var winstr="<table style=\"border: 1 solid #0066cc\" width=\"241\" height=\"168\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" bgcolor=\"skyblue\" >"; winstr+="<tr><td height=\"28\" bgcolor=\"#0066cc\">欢迎光临……</td></tr><tr><td align=\&. ID:20127

↗窗口特效 ★ 2109

最精简的网页层拖动代码

2226

摘要：  <html> <head> <title>最精简的网页层拖动代码</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <script language="JavaScript" type="text/javascript"> var drag_=false var D=new Function('obj','return document.getElementById(obj);') var oevent=new Function('e','if (!e) e = window.event;return e') function Move_obj(obj){ var x,y; D(obj).onmousedown=function(e){ drag_=true; with(this){ . ID:20125

↗窗口特效 ★ 2226

聊天窗口，一个模拟展开层、拖动层、关闭层的JavaScript

2316

摘要：  <STYLE type=text/css media=all rel="stylesheet"> <!-- body { text-align:left; margin:0; font:normal 12px Verdana, Arial; background:#FFEEFF } form { margin:0; font:normal 12px Verdana, Arial; } table,input { font:normal 12px Verdana, Arial; } a:link,a:visited{ text-decoration:none; color:#333333; } a:hover{ text-decoration:none; color:#FF6600 } #main { width:400px; position:absolute; left:600px; . ID:20124

↗窗口特效 ★ 2316

缓冲展开/关闭层

2300

摘要： <SCRIPT type=text/javascript> function Scroll(obj, h, s){ var h = h || 200; var s = s || 1.2; var obj = typeof(obj)=="string"?document.getElementById(obj):obj; if(obj == undefined){return false;} var status = obj.getAttribute("status")==null; var oh = parseInt(obj.offsetHeight); obj.style.height = oh; obj.style.display = "block"; obj.style.overflow = "hidden"; if(obj.getAttribute("oldHeight") == null){ obj.setAttribute("oldHeight", oh); }else{ var oldH = Math.ceil(obj.getAttribute("oldHeight")); } var reSet = function(. ID:20123

↗窗口特效 ★ 2300

网页字体大小选择切换代码

2291

摘要： <html> <head> <title>字体大小切换</title> <script type="text/javascript"> function doZoom(size) {document.getElementById('zoom').style.fontSize=size+'px';} </script> </head> <body> <span id="zoom">欧莱凯主题网，南昌仟启网络公司，酷站欣赏，图库素材</span> <a href="javascript:doZoom(16)">大</a> <a href="javascript:doZoom(14)">中</a> <a href="javascript:doZoom(12)">小</a> </body> </html> ID:20095

↗窗口特效 ★ 2291

AJAX弹出提示可拖动层的信息效果

2119

摘要： <STYLE type=text/css> a{ color:#000; font-size:12px;text-decoration:none} a:hover{ color:#900; text-decoration:underline} body{background:;filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#003366); overflow:hidden} #massage_box{ position:absolute; left:expression((body.clientWidth-350)/2); top:expression((body.clientHeight-200)/2); width:350px; height:200px;filter:dropshadow(color=#666666,offx=3,offy=3,positive=2); z-index:2; visibility:hidden} #mask{ position:absolute; top:0; left:0; width:expression(body.scrollWidth); height:expression(body.scrollHeight); background:#666; filter:ALPHA(opacity=60); z-index:1; visibility:hidde. ID:19076

↗窗口特效 ★ 2119

MyPixbot带阴影的可拖动的浮动层

2339

摘要： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>MyPixbot</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <script language="JavaScript" type="text/JavaScript"> <!-- function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.rel. ID:19012

↗窗口特效 ★ 2339

打开窗口自动最大化

2110

摘要： <script> self.moveTo(0,0) self.resizeTo(screen.availWidth,screen.availHeight) </script> 打开窗口自动最大化 IE下测试通过 ID:19001

↗窗口特效 ★ 2110

带缓冲的收缩与展开内容效果

2320

摘要： <html> <head> <script> /* By Auntion QQ 82874972 使用方法调用效果: Effect(1,2); 其中1为: 被改变对象的id 其中2为: 控制容器的id 可在使用: this.parentNode.id 取得(父标签的id) 注意给对象ID的时候一定不要重复. */ function $G(Read_Id) { return document.getElementById(Read_Id) } function Effect(ObjectId,parentId){ if ($G(ObjectId).style.display == 'none'){ Start(ObjectId,'Opens'); $G(parentId).innerHTML = "<a href=# onClick=javascript:Effect('"+ObjectId+"','"+parentId+"');>关闭</a>" }else{ Start(ObjectId,'Close'); $G(paren. ID:18999

↗窗口特效 ★ 2320

类似Google个性首页的页面自定义拖拽布局

3122

摘要： <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <style> body {margin:0px;padding:0px;font-size:12px;text-align:center;} body > div {text-align:center; margin-right:auto; margin-left:auto;} .content{width:900px;} .content .left{ float:left; width:20%; border:1px solid #FF0000; margin:3px; } .content .center{float:left;border:1px solid #FF0000;margin:3px;width:57%} .content .right{float:right;width:20%;border:1px solid #FF0000;margin:3px} .mo{height:auto;border:1px solid #CCC;margin:3px;background:#FFF} .mo h1{background:#ECF9FF;height:18px;padding:3px;cursor:move} .mo .nr. ID:18989

↗窗口特效 ★ 3122

始终在页面底部的层效果

2148

摘要： <!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" xml:lang="zh-CN" lang="zh-CN"> <head> <style type="text/css"> html,body { width:100%; height:100%; margin:0px; padding:0px; overflow:hidden; } #Main { position:absolute; bottom:0px; left:0px; width:100%; height:100%; overflow:auto; z-index:1; } #ToolBar { position:absolute; bottom:0px; right:16px; width:100%; height:20px; text-align:center; background:#ccc; z-index:2; overflow:hidden; } . ID:18986

↗窗口特效 ★ 2148

网页中弹出小窗口,页面背景逐渐变为半透明

3030

摘要： <STYLE> html,body{font-size:12px;margin:0px;height:100%;} .mesWindow{border:#666 1px solid;background:#fff;} .mesWindowTop{border-bottom:#eee 1px solid;margin-left:4px;padding:3px;font-weight:bold;text-align:left;font-size:12px;} .mesWindowContent{margin:4px;font-size:12px;} .mesWindow .close{height:15px;width:28px;border:none;cursor:pointer;text-decoration:underline;background:#fff} </STYLE> <SCRIPT> var isIe=(document.all)?true:false; //设置select的可见状态 function setSelectState(state) { var objl=document.getElementsByTagName('select'); for(var i=0;i<objl.length;i++) { objl[i].style.visibility=state; } } function mousePosit. ID:18979

↗窗口特效 ★ 3030

用鼠标直接动态改变各个项目的顺序

2265

摘要： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>排序</title> <script> var x=null; var listObj=null; //鼠标按下不放时的操作 function setTimeStart(type) { listObj=document.getElementById('forder'); //超过0.3秒启动连续的向上(下)的操作 if(type=="up") { x=setTimeout(upListItem,300); }else { x=setTimeout(downListItem,300); } } //将选中item向上 function upListItem() { var selIndex=listObj.selectedIndex; if(selIndex<0) { if(x!=null){clearTimeout(x);} return; } if(selIndex==0) { if(x!=null){clearTimeout(x);} retur. ID:18589

↗窗口特效 ★ 2265

游戏中的正方体

2121

摘要： <!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> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>Cube</title> <script type="text/javascript"> function gra2htm(clr,a,b,c,d){ var result=''; var maxx=Math.max(a[0],b[0],c[0],d[0]),minx=Math.min(a[0],b[0],c[0],d[0]); var maxy=Math.max(a[1],b[1],c[1],d[1]),miny=Math.min(a[1],b[1],c[1],d[1]); x=new Array(a[0],b[0],c[0],d[0],a[0],b[0],c[0],d[0],a[0],b[0]); y=new Array(a[1],b. ID:18588

↗窗口特效 ★ 2121

图库统计-Library material
- 图库总数为22902张
- 昨日上传0张
- 今日上传0张
最热标签-Hot Tags
- 百度
- SEO
- 内链
- 友情链接
- 外链
- K站
- 百度权重
- 快照
- 跳出率
- 转化率
- 关键字
- 长尾字
- 网站流量
- 退出率
- alt
- 蜘蛛
- 降权
- 算法
- 标题
- 改版
- 拔毛
- 描述
- Keywords
- Description
- 黑帽子
- 白帽子
- 黑链
- 作弊
- PR值
- 沙盒
- 用户体验
- 网站布局
- 百度收录
- 相关域
- site
- 网站排名
- 不稳定
- 优化过度
- 301
- 404
- 死链
- 502
- 重定向
- 202
- 304
- 503
- SEO误区
- 日志
- 百度指数
- nofollow
- 站群
- SEOEr
- 原创文章
- 站内锚
- 文本锚
- 服务器
- 空间
- 域名
- ip
- 商城
- 淘宝客
- 电商
- B2B
- title
- 电子商务
- Alexa
- 伪静态
- 转换率
- 转化率
- cookies
- domain
- 动态页
- 302
热门导航-Column navigation
关注我们-About Us-Thank you for visit

Copyright®2006-2012 NanChang 2008php.com All Rights Reserved.
欧莱凯设计网-版权所有服务QQ：200894114