它网页上的代码是这样的(节选,基于jq库):
var obj = $("#goTop")
var logonPop = $("#logon-pop-wrap")
var flag = false
var logonFlag = true
var onlyOne = true
var clearTime = null
var clearTime2 = null
var layoutWidth = 950
$(window).scroll(function() {
if ($(window).scrollTop() == 0) {
obj.fadeOut()
if ($.browser.msie) {
logonPop.hide()
} else {
logonPop.fadeOut()
}
flag = true
logonFlag = true
} else if (flag == true) {
flag = false
obj.fadeIn()
} else if (onlyOne == true) {
obj.fadeIn()
onlyOne = false
}
if ($(window).scrollTop() >550 &&logonFlag == true &&!($.browser.msie &&$.browser.version == '6.0') &&!$.readCookie('MEILISHUO_POPCLOSE')) {
if ($.browser.msie) {
logonPop.show()
} else {
logonPop.fadeIn('10')
}
logonFlag = false
}
if ($.browser.msie &&$.browser.version == '6.0') {
obj.css('top', $(window).height() + $(window).scrollTop() - 150 - goTopOffsiteHeight + 'px')
if (clearTime != null) {
clearTimeout(clearTime)
obj.css("display", "none")
}
if ($(window).scrollTop() >0) {
clearTime = setTimeout("$('#goTop').fadeIn('10')", 100)
}
}
})
用javascript在resize的时候重新调整每个元素的坐标不能单纯用css实现
给你贴代码吧,效果跟那个一样
<html>
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=UTF-8">
<title>这个嘛,简单 呵呵</title>
<style type="text/css">
body{margin:0padding:0}
#log{position:absolutez-index:999border:1px solid #000000background-color:#444444color:#e7e7e7}
.box{background-color:#efefefborder:1px solid #dd1212}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
//当文档初始化完毕和窗口大小发生变化的时候重新计算布局
$(document).ready(function(){
smartResize()
$(window).resize(function(){
smartResize()
})
})
function smartResize(){
//先看看一行能放几个
var $lineCount = Math.floor($(window).width()/210)
$('#log').html('一行可以放:'+$lineCount)
//遍历所有叫做box的家伙
$('.box').each(function(i){
$(this).html('<br/>第'+i+'个框')
//计算我的行号
var $myLine = Math.floor(i/$lineCount)
//计算我的列号
var $myLeft = Math.floor(i%$lineCount)
var $left = $myLeft*210
var $top = $myLine*100
//第二行开始需要计算了
if($myLine>0)
{
//找到我头上的那个家伙
var $myTopIdx = ($myLine-1)*$lineCount+$myLeft
var $myTopEl = $('#bigBox div:eq('+$myTopIdx+')')
$top = $myTopEl.offset().top + $myTopEl.height()+10
}
//定位
$(this).offset({left:$left,top:$top})
})
}
</script>
</head>
<body>
<div id="log"></div>
<div id="bigBox">
<div class="box" style="width:200pxheight:100pxmargin:0px">ddd</div>
<div class="box" style="width:200pxheight:220pxmargin:0px">ddd</div>
<div class="box" style="width:200pxheight:240pxmargin:0px">ddd</div>
<div class="box" style="width:200pxheight:140pxmargin:0px">ddd</div>
<!--循环写上30个看看-->
<script type="text/javascript">
for(var i=0i<30i++)
{
var h = Math.random()*100 + 200
document.write('<div class="box" style="width:200pxheight:'+h+'pxmargin:0px">ddd</div>')
}
</script>
</div>
</body>
</html>
化妆品的质量首先,选择化妆品最重要的是看质量是否有保证。一般来说选择名厂,名牌的化妆品比较好,因为名厂的设备好,产品标准高,质量有保证,而名牌产品一般也是信得过的产品,使用起来比较安全。不能买无生产厂家和无商品标志的化妆品,同时要注意产品有无检验合格证和生产许可证,以防假冒。还要注意化妆品的生产日期,一般膏、霜、蜜类产品尽可能买出厂一年内的。
其次,学会识别化妆品的质量。
①从外观上识别:好的化妆品应该颜色鲜明、清雅柔和。如果发现颜色灰暗污浊、深浅不一,则说明质量有问题。如果外观浑浊、油水分离或出现絮状物,膏体干缩有裂纹,则不能使用。
②从气味上识别:化妆品的气味有的淡雅,有的浓烈,但都很纯正。如果闻起来有刺鼻的怪味,则说明是伪劣或变质产品。
③从感觉上识别:取少许化妆品轻轻地涂抹在皮肤上,如果能均匀紧致地附着于肌肤且有滑润舒适的感觉,就是质地细腻的化妆品。如果涂抹后有粗糙、发粘感,甚至皮肤刺痒、干涩,则是劣质化妆品。