1、这个特效需配合highslide图片浏览特效For Bo-blog 的JS一起使用;如果你没有装highslide图片浏览特效For Bo-blog,那么请先去http://blog.nzye.com/read.php/254.htm下载附件,获取里面的JS文件。
2、下载附件,解压上传到highslide目录下。
3、后台新建一个highslidehtml模块,代码如下:
4、在需要嵌入的地方加上类式下面的网页代码:
如果需要嵌入多个页面,请重复上面的代码并根据你的实际情况调整高宽度即可。
2、下载附件,解压上传到highslide目录下。
3、后台新建一个highslidehtml模块,代码如下:
<script type="text/javascript" src="highslide/highslide-html.js"></script>
<script type="text/javascript">
hs.graphicsDir = 'highslide/graphics/';
hs.outlineType = 'rounded-white';
hs.outlineWhileAnimating = true;
hs.objectLoadTime = 'after';
window.onload = function() {
hs.preloadImages();
}
</script>
<style type="text/css">
}
.highslide {
text-decoration:none;
color: #666;
}
.highslide-html {
background-color: white;
}
.highslide-html-content {
position: absolute;
display: none;
text-align:center;
}
.highslide-loading {
display: block;
color: black;
font-size: 8pt;
font-family: sans-serif;
font-weight: bold;
text-decoration: none;
padding: 2px;
border: 1px solid black;
background-color: white;
}
.control {
float: right;
display: block;
/*position: relative;*/
margin: 0 5px;
font-size: 9pt;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
color: #999;
}
.control:hover {
color: black !important;
}
.highslide-move {
cursor: move;
}
.highslide-display-block {
display: block;
}
.highslide-display-none {
display: none;
}
</style>
<script type="text/javascript">
hs.graphicsDir = 'highslide/graphics/';
hs.outlineType = 'rounded-white';
hs.outlineWhileAnimating = true;
hs.objectLoadTime = 'after';
window.onload = function() {
hs.preloadImages();
}
</script>
<style type="text/css">
}
.highslide {
text-decoration:none;
color: #666;
}
.highslide-html {
background-color: white;
}
.highslide-html-content {
position: absolute;
display: none;
text-align:center;
}
.highslide-loading {
display: block;
color: black;
font-size: 8pt;
font-family: sans-serif;
font-weight: bold;
text-decoration: none;
padding: 2px;
border: 1px solid black;
background-color: white;
}
.control {
float: right;
display: block;
/*position: relative;*/
margin: 0 5px;
font-size: 9pt;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
color: #999;
}
.control:hover {
color: black !important;
}
.highslide-move {
cursor: move;
}
.highslide-display-block {
display: block;
}
.highslide-display-none {
display: none;
}
</style>
4、在需要嵌入的地方加上类式下面的网页代码:
<a href="你的嵌入页面" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html', objectType: 'iframe', objectWidth: 680, objectHeight: 525} )" class="highslide">
看看视频
</a>
<div class="highslide-html-content" id="highslide-html" style="width: 680px">
<div class="highslide-move" style="border: 0; height: 18px; padding: 2px; cursor: default">
<a href="#" onclick="return hs.close(this)" class="control">关闭</a>
<a href="#" onclick="return false" class="highslide-move control">温馨提示:按此移动窗口到不影响你阅读日志的地方--如果窗口一直跟随鼠标,请按ESC关闭窗口!</a>
</div>
<div class="highslide-body"></div>
</div>
看看视频
</a>
<div class="highslide-html-content" id="highslide-html" style="width: 680px">
<div class="highslide-move" style="border: 0; height: 18px; padding: 2px; cursor: default">
<a href="#" onclick="return hs.close(this)" class="control">关闭</a>
<a href="#" onclick="return false" class="highslide-move control">温馨提示:按此移动窗口到不影响你阅读日志的地方--如果窗口一直跟随鼠标,请按ESC关闭窗口!</a>
</div>
<div class="highslide-body"></div>
</div>
如果需要嵌入多个页面,请重复上面的代码并根据你的实际情况调整高宽度即可。
您也可用OpenID登入:
在线观看《变形金刚》真人
一个非常不错的相册程序-


August 25, 2007 21:16 | 















![KuMoo's Blog - [ Box Stop Here ]](http://www.kumoo.net/logo.gif)





