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

最新推荐文章于 2023-11-30 08:39:27 发布

airweilai

最新推荐文章于 2023-11-30 08:39:27 发布

阅读量440

点赞数

文章标签： google class div function null mozilla

本文链接：https://blog.csdn.net/airweilai/article/details/2547064

版权

Google的个性首页大家应该有印象吧，自由的移动布局效果相当不错，国内已经有很多页面采用这种方法了，这里是类似Google个性首页的页面自定义拖拽布局的代码，如果有兴趣的朋友可以修改修改，结合一下Cookies就更加好了f5xTechFeel

<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{height:80px;border:1px solid #F3F3F3;margin:2px}
h1{margin:0px;padding:0px;text-align:left;font-size:12px}
</style>
<script>
var dragobj={}
window.οnerrοr=function(){return false}
function on_ini(){
String.prototype.inc=function(s){return this.indexOf(s)>-1?true:false}
var agent=navigator.userAgent
window.isOpr=agent.inc("Opera")
window.isIE=agent.inc("IE")&&!isOpr

最低0.47元/天解锁文章

airweilai

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
类似Google个性首页的页面自定义拖拽布局

Google的个性首页大家应该有印象吧，自由的移动布局效果相当不错，国内已经有很多页面采用这种方法了，这里是类似Google个性首页的页面自定义拖拽布局的代码，如果有兴趣的朋友可以修改修改，结合一下Cookies就更加好了f5xTechFeel f5xTechFeelf5xTechFeelf5xTechFeelf5xTechFeelbody {margin:0px;padding:0px;font
复制链接

扫一扫