新手菜鸟想请教下各位高人,为什么这个页面在html后缀文件可用,在php后缀文件就用不了呢?<!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>无标题文档</title>
<link rel='stylesheet' id='foundation-css' href='foundation.css' type='text/css' media='all' />
<link rel='stylesheet' id='style-css' href='style.css' type='text/css' media='all' />
<script type='text/javascript' src='jquery.js?=1.7.2'></script>
<script type='text/javascript' src='jquery.isotope.min.js'></script>
<script type='text/javascript' language="javascript">
function loadCiphpImage()
{
var $ = jQuery.noConflict();
var h = Math.max( $("#content-container").height() , $("#sidebar").innerHeight());
$('#wall_background, #wall_background .overlay, #wall_container').height(h); if ( $('#wall_container .wall_cell').length > 0 )
{
var $container = $('#wall_container'); function update_wall()
{
var c_width = $container.width();
// Nb columns - 240
var nb = Math.floor(c_width / 240);
// Element Width
var width = c_width / nb ; var x,y;
$('#wall_container .wall_cell').each(function(id){
// x = ( (nb - (id%nb)) -1 ) * width;
x = (id % nb) * width;
y = id == 0 ? 0 : Math.floor(id/nb) * width;
$(this).css('width',width+'px').css('opacity',1).css('height',width+'px').css('left',x).css('top',y);
});
if ( $('#wall_container').height() < (y + width))
{
$('#wall_background, #wall_background .overlay, #wall_container').height( y + width );
}
setTimeout('adjustBackgroundHeight()',800);
} $(window).smartresize(update_wall);
$(window).ready(update_wall);
}
}
</script>
</head><body>
<div id="container" class="container" role="document">
<div id="sidebar">13</div>
<div id="wall_background">
<div id="wall_container">
<div class="wall_cell" style="opacity:0"><img src="Talk-3.jpg" /><div class="overlay-custom" style="background:rgba(40,158,255,0.70)" onClick="location.href=('#')">
<div class="overlay-text">
<p><a href="#">观点</a></p>
<p class="subtitle"></p>
</div>
</div>
</div><div class="wall_cell" style="opacity:0"><img src="Shirt.jpg" /><div class="overlay-custom" style="background:rgba(40,158,255,0.70)" onClick="location.href=('#')">
<div class="overlay-text">
<p><a href="#">购买优惠</a></p>
<p class="subtitle"></p>
</div>
</div>
</div><div class="wall_cell" style="opacity:0"><img src="Review.jpg" /><div class="overlay-custom" style="background:rgba(40,158,255,0.70)" onClick="location.href=('#')">
<div class="overlay-text">
<p><a href="#">测评</a></p>
<p class="subtitle"></p>
</div>
</div>
</div><div class="wall_cell" style="opacity:0"><img src="One_Review.jpg" /><div class="overlay-custom" style="background:rgba(40,158,255,0.70)" onClick="location.href=('#')">
<div class="overlay-text">
<p><a href="#">测评</a></p>
<p class="subtitle"></p>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="content" role="main">
<script type="text/javascript">
jQuery(window).ready(function(){
loadCiphpImage();
});
</script>
</div>
</body>
</html>
PHPjQueryHTML
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<link rel='stylesheet' id='foundation-css' href='foundation.css' type='text/css' media='all' />
<link rel='stylesheet' id='style-css' href='style.css' type='text/css' media='all' />
<script type='text/javascript' src='jquery.js?=1.7.2'></script>
<script type='text/javascript' src='jquery.isotope.min.js'></script>
<script type='text/javascript' language="javascript">
function loadCiphpImage()
{
var $ = jQuery.noConflict();
var h = Math.max( $("#content-container").height() , $("#sidebar").innerHeight());
$('#wall_background, #wall_background .overlay, #wall_container').height(h); if ( $('#wall_container .wall_cell').length > 0 )
{
var $container = $('#wall_container'); function update_wall()
{
var c_width = $container.width();
// Nb columns - 240
var nb = Math.floor(c_width / 240);
// Element Width
var width = c_width / nb ; var x,y;
$('#wall_container .wall_cell').each(function(id){
// x = ( (nb - (id%nb)) -1 ) * width;
x = (id % nb) * width;
y = id == 0 ? 0 : Math.floor(id/nb) * width;
$(this).css('width',width+'px').css('opacity',1).css('height',width+'px').css('left',x).css('top',y);
});
if ( $('#wall_container').height() < (y + width))
{
$('#wall_background, #wall_background .overlay, #wall_container').height( y + width );
}
setTimeout('adjustBackgroundHeight()',800);
} $(window).smartresize(update_wall);
$(window).ready(update_wall);
}
}
</script>
</head><body>
<div id="container" class="container" role="document">
<div id="sidebar">13</div>
<div id="wall_background">
<div id="wall_container">
<div class="wall_cell" style="opacity:0"><img src="Talk-3.jpg" /><div class="overlay-custom" style="background:rgba(40,158,255,0.70)" onClick="location.href=('#')">
<div class="overlay-text">
<p><a href="#">观点</a></p>
<p class="subtitle"></p>
</div>
</div>
</div><div class="wall_cell" style="opacity:0"><img src="Shirt.jpg" /><div class="overlay-custom" style="background:rgba(40,158,255,0.70)" onClick="location.href=('#')">
<div class="overlay-text">
<p><a href="#">购买优惠</a></p>
<p class="subtitle"></p>
</div>
</div>
</div><div class="wall_cell" style="opacity:0"><img src="Review.jpg" /><div class="overlay-custom" style="background:rgba(40,158,255,0.70)" onClick="location.href=('#')">
<div class="overlay-text">
<p><a href="#">测评</a></p>
<p class="subtitle"></p>
</div>
</div>
</div><div class="wall_cell" style="opacity:0"><img src="One_Review.jpg" /><div class="overlay-custom" style="background:rgba(40,158,255,0.70)" onClick="location.href=('#')">
<div class="overlay-text">
<p><a href="#">测评</a></p>
<p class="subtitle"></p>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="content" role="main">
<script type="text/javascript">
jQuery(window).ready(function(){
loadCiphpImage();
});
</script>
</div>
</body>
</html>
PHPjQueryHTML
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货