这段效果里边为什么 将英文标题改写成中文 前台会显示不出来？

<!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>
        <title>介绍</title>
        <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
        <meta name="description" content="Merging Image Boxes with jQuery" />
        <meta name="keywords" content="jquery, merge, effect, images, photos, animation, background-image"/>
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
        <link rel="stylesheet" href="css/style.css" type="text/css" media="screen"/>
<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/ChunkFive_400.font.js" type="text/javascript"></script>
<script type="text/javascript">
Cufon.replace('h1',{ textShadow: '1px 1px #fff'});
Cufon.replace('.description',{ textShadow: '1px 1px #fff'});
Cufon.replace('a',{ textShadow: '1px 1px #fff', hover : true});
</script>
        <style type="text/css">
.description{
position:fixed;
right:10px;
top:10px;
font-size:12px;
color:#888;
}
span.reference{
position:fixed;
left:10px;
bottom:10px;
font-size:12px;
}
span.reference a{
color:#888;
text-transform:uppercase;
text-decoration:none;
padding-right:20px;
}
span.reference a:hover{
color:#444;
}
</style>
    </head>    <body>
<h1>xinghaizhihang<span>w我的uery</span></h1>
<div class="description"></div>
<div id="im_wrapper" class="im_wrapper">
<div style="background-position:0px 0px;"><img src="images/thumbs/1.jpg" alt="" /></div>
<div style="background-position:-125px 0px;"><img src="images/thumbs/2.jpg" alt="" /></div>
<div style="background-position:-250px 0px;"><img src="images/thumbs/3.jpg" alt="" /></div>
<div style="background-position:-375px 0px;"><img src="images/thumbs/4.jpg" alt="" /></div>
<div style="background-position:-500px 0px;"><img src="images/thumbs/5.jpg" alt="" /></div>
<div style="background-position:-625px 0px;"><img src="images/thumbs/6.jpg" alt="" /></div> <div style="background-position:0px -125px;"><img src="images/thumbs/7.jpg" alt="" /></div>
<div style="background-position:-125px -125px;"><img src="images/thumbs/8.jpg" alt="" /></div>
<div style="background-position:-250px -125px;"><img src="images/thumbs/9.jpg" alt="" /></div>
<div style="background-position:-375px -125px;"><img src="images/thumbs/10.jpg" alt="" /></div>
<div style="background-position:-500px -125px;"><img src="images/thumbs/11.jpg" alt="" /></div>
<div style="background-position:-625px -125px;"><img src="images/thumbs/12.jpg" alt="" /></div> <div style="background-position:0px -250px;"><img src="images/thumbs/13.jpg" alt="" /></div>
<div style="background-position:-125px -250px;"><img src="images/thumbs/14.jpg" alt="" /></div>
<div style="background-position:-250px -250px;"><img src="images/thumbs/15.jpg" alt="" /></div>
<div style="background-position:-375px -250px;"><img src="images/thumbs/16.jpg" alt="" /></div>
<div style="background-position:-500px -250px;"><img src="images/thumbs/17.jpg" alt="" /></div>
<div style="background-position:-625px -250px;"><img src="images/thumbs/18.jpg" alt="" /></div> <div style="background-position:0px -375px;"><img src="images/thumbs/19.jpg" alt="" /></div>
<div style="background-position:-125px -375px;"><img src="images/thumbs/20.jpg" alt="" /></div>
<div style="background-position:-250px -375px;"><img src="images/thumbs/21.jpg" alt="" /></div>
<div style="background-position:-375px -375px;"><img src="images/thumbs/22.jpg" alt="" /></div>
<div style="background-position:-500px -375px;"><img src="images/thumbs/23.jpg" alt="" /></div>
<div style="background-position:-625px -375px;"><img src="images/thumbs/24.jpg" alt="" /></div>
</div>
<div id="im_loading" class="im_loading"></div>
<div id="im_next" class="im_next"></div>
<div id="im_prev" class="im_prev"></div>
              <!-- The JavaScript -->
        <script type="text/javascript" src="js/jquery.min.js"></script>
<script src="js/jquery.transform-0.9.1.min.js"></script>
<script type="text/javascript">
//Paul Irish smartresize : http://paulirish.com/2009/throttled-smartresize-jquery-event-handler/
(function($,sr){
// debouncing function from John Hann
// http://unscriptable.com/index.php/2009/03/20/debouncing-javascript-methods/
var debounce = function (func, threshold, execAsap) {
var timeout;
return function debounced () {
var obj = this, args = arguments;
function delayed () {
if (!execAsap)
func.apply(obj, args);
timeout = null;
};
if (timeout)
clearTimeout(timeout);
else if (execAsap)
func.apply(obj, args);
timeout = setTimeout(delayed, threshold || 100);
};
}
//smartresize
jQuery.fn[sr] = function(fn){  return fn ? this.bind('resize', debounce(fn)) : this.trigger(sr); };
})(jQuery,'smartresize');
</script>
        

解决方案 »

  1.   

    <title>介绍</title>
     你指的是这个？。。可以啊
      

  2.   

    <link rel="stylesheet" href="css/style.css" type="text/css" media="screen"/>
    看看这个有没有写关于h1的样式
      

  3.   

    *{
    margin:0;
    padding:0;
    }
    body{
    background:#f0f0f0 url(../bg.jpg) repeat top left;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color: #555;
    }
    h1{
    font-size:38px;
    margin:10px;
    }
    h1 span{
    font-size:20px;
    }
    .im_wrapper div{
    left:-500px;
    width:125px;
    height:125px;
    position:absolute;
    background-repeat:no-repeat;
    background-color:#fff;
    cursor:pointer;
    -moz-box-shadow:1px 1px 3px #000;
    -webkit-box-shadow:1px 1px 3px #000;
    box-shadow:1px 1px 3px #000;
    }
    .im_wrapper div img{
    float:left;
    width:115px;
    height:115px;
    margin:5px 0px 0px 5px;
    }
    .im_loading{
    display:none;
    position:fixed;
    top:50%;
    left:50%;
    margin:-35px 0px 0px -35px;
    background:#fff url(../images/loader.gif) no-repeat center center;
    width:70px;
    height:70px;
    z-index:9999;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    -moz-box-shadow:1px 1px 3px #000;
    -webkit-box-shadow:1px 1px 3px #000;
    box-shadow:1px 1px 3px #000;
    opacity:0.7;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    }
    .im_next,
    .im_prev{
    width:50px;
    height:50px;
    position:fixed;
    bottom:50%;
    margin-top:-25px;
    cursor:pointer;
    opacity:0.7;
    z-index:1000;
    -moz-box-shadow:0px 0px 3px #000;
    -webkit-box-shadow:0px 0px 3px #000;
    box-shadow:0px 0px 3px #000;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    }
    .im_next:hover,
    .im_prev:hover
    {
    opacity:0.9;
    }
    .im_next{
    background:#fff url(../images/next.png) no-repeat center center;
    right:-50px; /*10 to show*/
    }
    .im_prev{
    background:#fff url(../images/prev.png) no-repeat center center;
    left:-50px; /*10 to show*/
    }
      

  4.   

    style.css 这里边没写H1的样式 怎么解决 或者说怎么添加呢？
      

  5.   

    h1{
    font-size:38px;
    margin:10px;
    }
    h1 span{
    font-size:20px;
    }
    写了这两句 需要删除吗》？
      

  6.   

    这是由于ChunkFive_400.font.js这个代码搞的鬼，你看看吧！
      

  7.   

    在你的另一个贴子里回了。自己去看吧
    http://topic.csdn.net/u/20120307/10/17f7411e-9a23-4ab9-b82c-215f6677f3be.html?2832