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

sodjt1 2012-03-07 10:39:38
<!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>
...全文
180 13 打赏 收藏 转发到动态 举报
写回复
用AI写文章
13 条回复
切换为时间正序
请发表友善的回复…
发表回复
泡泡鱼_ 2012-09-21
  • 打赏
  • 举报
 回复
在你的另一个贴子里回了。自己去看吧
http://topic.csdn.net/u/20120307/10/17f7411e-9a23-4ab9-b82c-215f6677f3be.html?2832
岐伯漫谈 2012-09-21
  • 打赏
  • 举报
 回复
这是由于ChunkFive_400.font.js这个代码搞的鬼，你看看吧！
IT-Style 2012-03-07
  • 打赏
  • 举报
 回复
不可能...
sodjt1 2012-03-07
  • 打赏
  • 举报
 回复
h1{
font-size:38px;
margin:10px;
}
h1 span{
font-size:20px;
}
写了这两句 需要删除吗》？
三石-gary 2012-03-07
  • 打赏
  • 举报
 回复
[Quote=引用 8 楼 sodjt1 的回复:]

style.css 这里边没写H1的样式 怎么解决 或者说怎么添加呢？
[/Quote]
没有问题啊。。可以显示。。
sodjt1 2012-03-07
  • 打赏
  • 举报
 回复
style.css 这里边没写H1的样式 怎么解决 或者说怎么添加呢？
sodjt1 2012-03-07
  • 打赏
  • 举报
 回复
*{
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*/
}
叶子 2012-03-07
  • 打赏
  • 举报
 回复
没有发现问题..
三石-gary 2012-03-07
  • 打赏
  • 举报
 回复
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen"/>
看看这个有没有写关于h1的样式
Acesidonu 2012-03-07
  • 打赏
  • 举报
 回复
显示的好好的
三石-gary 2012-03-07
  • 打赏
  • 举报
 回复
<title>介绍</title>
你指的是这个？。。可以啊
sodjt1 2012-03-07
  • 打赏
  • 举报
 回复
能帮忙说明下吗？
net_friends 2012-03-07
  • 打赏
  • 举报
 回复
小技巧
UDOP-large效果展示：实测英文论文标题提取与表格解析，效果惊艳
本文实测Microsoft UDOP-large在英文论文标题提取与复杂表格解析两大任务中的性能。该模型融合视觉布局分析与OCR文本识别，依托多模态T5-large架构实现端到端文档理解。实验表明其在标题定位、结构化表格数据抽取方面准确率高、响应快；但存在中文支持弱、单页处理限制及OCR依赖性强等边界约束，适用于英文单页文档的信息提取与表格解析场景。
UDOP模型效果展示：实测英文文档标题提取与摘要生成
本文实测Microsoft UDOP-large多模态模型在英文文档标题提取与摘要生成任务中的性能。通过学术论文、商业发票及新闻截图三类典型文档验证，模型依托视觉布局分析与文本语义融合，在2–3秒内实现高准确率标题识别；摘要生成覆盖核心论点、利弊与趋势，语言通顺、无事实性错误。其优势在于真文档理解能力与自然语言Prompt交互，但存在中文支持弱、512-token长度限制及OCR依赖等局限。
微软UDOP模型效果展示：实测英文论文标题提取与表格解析
本文实测微软UDOP-large模型在英文文档理解任务中的表现，重点验证其标题提取与表格解析能力。模型融合视觉编码与T5-large语言建模，实现版面感知与语义理解联合推理；支持Prompt驱动的零样本信息抽取，无需训练即可完成标题识别、表格结构还原及问答式数据检索。测试表明其在英文PDF/扫描件处理中准确率高、部署便捷，但存在中文支持弱、OCR依赖强、上下文长度受限等边界条件。
UDOP-large效果展示：多栏英文期刊页面→段落顺序重建+标题层级识别
本文展示Microsoft UDOP-large模型在多栏英文期刊页面上的文档理解能力，重点实现段落顺序重建与标题层级识别。该模型融合视觉感知、OCR文本识别与布局理解，支持端到端结构化输出，适用于学术文献管理、企业文档数字化等场景。强调其对英文文档的零样本处理优势，同时指出其中文理解局限及图像质量、提示词设计等关键影响因素。
EcomGPT-中英文-7B效果实测：跨境标题翻译较通用模型CTR提升27%案例
EcomGPT-中英文-7B是面向跨境电商业务定制的大语言模型，基于真实商品标题、A/B测试数据及多国本地化语料训练。实测显示其跨境标题翻译使CTR平均提升27%，显著优于Qwen2-7B等通用模型。核心能力包括电商文本分类、结构化属性提取、搜索优化型翻译及高转化营销文案生成。模型显存占用仅15GB，支持本地化一键部署与生产级安全防护。
JavaScript

87,990

社区成员

224,684

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章