<!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>
<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>
解决方案 »
- ExtJs中如何Render一个select 编程Ext.Combobox
- 新人急请大神帮助我看看我的网页飘浮的图片代码哪错了?
- 有关动态表单的问题,为什么提示对象为空啊?
- 关于treeview自动展开并选择到相应节点的问题
- 外部JS文件的id/class/元素的选择问题
- 高手请进~~~~[在线等]
- 怎样在提交表单后自动跳到指定的一个页面
- 想问一下,怎么求IE窗口离屏幕顶端的距离以及离屏幕左边的距离?
- 如何向列表种添加新值?
- 我在一个窗口中A,弹出另一个窗口B,然后我在A窗口中的onunload事件中执行"window.opener=null",为何无效???
- 如何用js实现鼠标放在第一个菜单上时其子内容显示,第二个菜单隐藏,放在第二个菜单
- firefox 怎么通过 js改变 frame 的src 请高手指点迷津
看看这个有没有写关于h1的样式
font-size:38px;
margin:10px;
}
h1 span{
font-size:20px;
}
这个东东用起来太麻烦了,我告诉你怎么用吧
1:去到我上面给你的网站后,找到某种字体,然后点击右边的:Rendering it
2:在新页面中有当前字体的渲染效果预鉴,一个输入框,下面有两个按钮,一个为:重新渲染,一个为:显示js字体
2.1:你必须在输入框中增加你想渲染的文字也就是说,假如你有一段文本是:关于我们,那么你将这几个字增加到那个输入框内
2.2:然后点击:重新渲染,再点击:显示js字体
2.3:将下面的js代码复制,然后放入到你的渲染文字js文件中,其中"font-family"后面的就是这个字体的调用名称
2.4:想使用这种字体时:Cufon.replace ('li',{fontFamily: '字体名称'});要重点注意的就是2.1,这个字体渲染是将指定的某些字进行渲染,你需要渲染哪些文字就增加哪些,你如果想让它渲染所有中文,那你得将全部的汉字都增加进去。你明白?? 参考下面的贴子吧,那个朋友跟你一样的问题
http://topic.csdn.net/u/20120902/17/61c511bb-6484-48e5-b5cc-7e5a29a4bdfb.html