1、这个特效需配合highslide图片浏览特效For Bo-blog 的JS一起使用;如果你没有装highslide图片浏览特效For Bo-blog,那么请先去http://blog.nzye.com/read.php/254.htm下载附件,获取里面的JS文件。
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>

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>


如果需要嵌入多个页面,请重复上面的代码并根据你的实际情况调整高宽度即可。
Tags:
Net.Design » BO-BLOG | 评论(0) | 引用(0) | 阅读(3568)
To BookMarks:百度搜藏 Google书签 Del.icio.us Yahoo收藏 新浪ViVi收藏夹 365天天网摘 天极网摘 我摘·网摘·网络书签 POCO网摘 YouNote网摘 和讯网摘 Bolaa博拉博客收录中心 igooi网摘 天下图摘
您也可用OpenID登入:
发表评论

Visitor's Name:           PassWord:

虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号
打开HTML 打开UBB 打开表情 隐藏