javascript布局查看器效果代码

body{
margin:0 auto;
width:950px;
font-size:12px;
text-align:center;
}
#wholebody{
width:950px;
}
.newline{/*仅应用于右侧*/
clear:both;
width:700px;
}
#top{
height:auto;
}
.left_square{
}
.right_square{
}
#topic{
height:100px;
}
#left{
float:left;
width:250px;
}
#left_qq{
height:80px;
}
#left_inquire{
height:220px;
}
#left_master_page{
height:200px;
}
#left_online{
height:220px;
}
#left_keyword{
height:140px;
}
#left_aboutus{
height:200px;
}
#right{
float:left;
width:700px;
}
#right_flash{
width:700px;
height:300px;
float:left;
}
#right_chara{
width:350px;
float:left;
height:200px;
}
#right_master_answer{
width:350px;
float:left;
height:200px;
}
#right_knowledge{
clear:both
}
.knowledge{
float:left;
width:140px;
height:360px;
}
#right_research{
float:left;
width:50%;
height:200px;
}
#right_recommend{
float:left;
width:50%;
height:200px;
}

res

rec

var divs=document.getElementsByTagName("div");
var m=0;
for(i=0;i

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

Tags:javascript 布局 查看器

相关文章

  • 2016-01-01javascript返回顶部的按钮实现方法
  • 2013-03-03JS中Iframe之间传值及子页面与父页面应用
  • 2014-06-06网页实时显示服务器时间和javscript自运行时钟
  • 2016-06-06Bootstrap编写一个同时适用于PC、平板、手机的登陆页面
  • 2010-04-04JavaScript中String和StringBuffer的速度之争
  • 2013-11-11js时间戳格式化成日期格式的多种方法
  • 2013-11-11js控制淡入淡出示例代码
  • 2015-12-12详解JavaScript基于面向对象之继承实例
  • 2015-11-11js数组常见操作及数组与字符串相互转化实例详解
  • 2014-05-05javascript自定义的addClass()方法

最新评论

(0)

相关推荐

  • javascript布局查看器效果代码

    body{ margin:0 auto; width:950px; font-size:12px; text-align:center; } #wholebody{ width:950px; } .newline{/*仅应用于右侧*/ clear:both; width:700px; } #top{ height:auto; } .left_square{ } .right_square{ } #topic{ height:100px; } #left{ float:left; width:25

  • JavaScript实现抽奖器效果

    本文实例为大家分享了JavaScript实现抽奖器效果的具体代码,供大家参考,具体内容如下 这次实现的效果如下图: 所实现的功能是:当每次点击中间的抽奖按钮时,会随机选择一个盒子作为抽奖的结果. 那我们要如何实现抽奖的功能呢? 其实很简单,首先用html和css做出整体的框架,然后用js在中间按钮的onclick函数中设置定时器+随机改变某一盒子的背景颜色就可以了. 下面我们来讨论一下细节的方面: 1.设计整体框架时,我们需要为每个盒子设置边框,这时会发现边框会出现重叠问题,导致边框变厚,解决的

  • 微信内置浏览器图片查看器的代码实例

    这篇文章主要介绍了微信内置浏览器图片查看器的代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 var imgs = new Array(); $("img").each(function () { //这里的图片路径要直接能在浏览器中打开的完整的url路径 imgs.push($(this).attr('src')); }); $("img").on('click', function () { var pa

  • MaxDOS V6 系统备份查看器 批处理代码

    复制代码 代码如下: @echo off :_max mode con: cols=62 lines=23 set bt=MaxDOS V6 系统备份查看器. 迈思工作室 Http://Pzz.Cn color f0 title %bt% :_m1 cls echo. echo MaxDOS V6 系统备份查看器 echo ═════════════════════════════ echo. echo 1.打开存放备份镜像的目录 echo 2.删除已存在的镜像备份文件 echo 3.删除用于存

  • javascript支持firefox,ie7页面布局拖拽效果代码

    javascript 拖拽JavaScript Google IG Drag Demo,非常棒的拖动,准备用于F2Blog新Theme的后台模块设置,之间的拖 动 拖拽效果的页面效果演示地址:http://img.jb51.net/online/tuozhuai/google_drag.htm加强版效果演示地址:http://img.jb51.net/online/tuozhuai/google_drag2.htm拖拽原理: 关于拖拽的基础,可以参考这篇文章,讲得非常不错. 其实原理很简单,就是

  • Wordpress ThickBox 添加“查看原图”效果代码

    在 wp-includes/js/thickbox/thickbox.js 大概39行的function tb_show(caption, url, imageGroup)中,添加如下行(粗体红色字代表新添加的代码) 复制代码 代码如下: function tb_show(caption, url, imageGroup) {//function called when the user clicks on a thickbox link try { /// 代码省略... TB_NextHTM

  • JavaScript 放大镜 移动镜片效果代码

    放大镜并不是一个难以实现的效果, 只是因为牵涉到一些精确的数值计算, 显得比较繁琐. 在未来的一段日子, 我会不定期地写关于 JavaScript 放大镜系列的文章, 每次讲一个点, 由点及面, 最后完成整个效果. 本次我们先了解如何在缩略图上移动镜片. (这是 DEMO) 缩略图和镜片组成的 DOM 结构如下. 复制代码 代码如下: <a id="thumb" href="#"> <img src="http://img.alibaba

  • javascript实现拖动层效果代码(符合标准且兼容IE,chrome,firefox)

    实例代码一见: 复制代码 代码如下: <!DOCTYPE HTML> <html> <head> <style type="text/css"> #main div{position:absolute;width:220px;height:150px;border:1px solid #999;} </style> <script type="text/javascript"> var a; d

  • javascript图片渐显效果代码

    在<head>到</head>之间插入如下的JAVASCRIPT代码: nereidFadeObjects = new Object(); nereidFadeTimers = new Object(); function nereidFade(object, destOp, rate, delta){ if (!document.all) return if (object != "[object]"){ setTimeout("nereidFade

  • javascript模仿msgbox提示效果代码

    复制代码 代码如下: //前任作者:http://www.moozi.net //修改:hh13774978@126.com,rayking function $(str){     return document.getElementById(str); } function _(str){     return document.getElementsByTagName(str); } function msg(boxtitle,boxtype,boxwidth,msg,url){     

随机推荐