[原创]js特效频道,浮动在另侧的脚本执行框代码.

js|脚本|原创|执行|浮动|特效

http://js.alixixi.com特效运行框功能代码

以下是HTML文件：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<TITLE>mapstyle</TITLE>

<SCRIPT language=javascript src="mapstyle/jsrun.js" type=text/javascript></SCRIPT>
<a   href="javascript:void(0)">运行</A>
  
  <div style="height:800px"></div>
<!-- ROW1} -->
<div id="divFlyBar"   style="position:absolute;top:0;left:1;visibility:hidden;cursor:move;z-index:100;display:none;">
  <table style="filter:alpha(opacity=90);background-color:#9A9A9A;margin-top:108px;" border="0" cellspacing="1" cellpadding="0">
    <tr>
      <td><table width="100%" height="20" border="0" cellpadding="0" cellspacing="0">
          <tr valign="middle" style="background-color:#212121;">
            <td style="padding:3px;"><img src="icon_se.gif" align="absmiddle" border="0" width="14" height="18"></td>
            <td style="font-size:12px;color:#F4F4F4;font-weight:bold" width="100%" align="left"><span id="ftitle">网页特效即时演示功能V1.02 - 阿里西西</span></td>
            <td align="right" valign="top" style="padding:5px 5px 0 0;"><img src="off.gif"  alt="关闭X" title="关闭X" width="11" height="11" border="0" align="absmiddle"  ></td>
          </tr>
        </table></td>
    </tr>
    <tr id="flyTailerTr" name="flyTailerTr">
      <td id="flyTailerHolder" name="flyTailerHolder" style="background-color:#dedede;color:black;font-weight:bold;font-size:12px;font-family:Courier New;" align="center"><iframe id="runid" scrolling="auto" frameborder="0" marginheight="0" marginwidth="0" width="375" height="280" src=""></iframe></td>
    </tr>
  </table>
</div>
</BODY>
</HTML>
以下是JS文件：
// bigin fly bar
var bIsCatchFlyBar = false;
var dragClickX = 0;
var dragClickY = 0;
function HideFlyBar(){
document.getElementById("divFlyBar").style.visibility = "hidden";
//myFlyBarRestorButton.style.display = ’’;
}
function openFlyBar(id){
//alert(document.getElementById("runid").src);
document.getElementById("runid").src=’map.asp?mapid=’+id;
document.getElementById("divFlyBar").style.display = "";
myload_flybar();
document.getElementById("divFlyBar").style.visibility = "visible";
//myFlyBarRestorButton.style.display = "none";
}
function catchFlyBar(e){
bIsCatchFlyBar = true;
var x=event.x+document.body.scrollLeft;
var y=event.y+document.documentElement.scrollTop;
dragClickX=x-document.getElementById("divFlyBar").style.pixelLeft;
dragClickY=y-document.getElementById("divFlyBar").style.pixelTop;
document.getElementById("divFlyBar").setCapture();
document.onmousemove = moveFlyBar;
}
function releaseFlyBar(e){
bIsCatchFlyBar = false;
document.getElementById("divFlyBar").releaseCapture();
document.onmousemove = null;
}
function moveFlyBar(e){
if(bIsCatchFlyBar){
document.getElementById("divFlyBar").style.left = event.x+document.body.scrollLeft-dragClickX;
document.getElementById("divFlyBar").style.top = event.y+document.documentElement.scrollTop-dragClickY;
}
}
function myload_flybar(){
// alert(document.documentElement.scrollTop);
document.getElementById("divFlyBar").style.top=document.documentElement.scrollTop;
//document.getElementById("divFlyBar").style.left=document.body.offsetWidth/2.7;
document.getElementById("divFlyBar").style.left=document.body.offsetWidth-document.getElementById("divFlyBar").clientWidth-30+document.body.scrollLeft;
}
window.onresize = myload_flybar;
window.onscroll = myload_flybar;
//window.onload = openFlyBar;
// end fly bar
时间： 2024-10-25 20:02:07

[原创]js特效频道,浮动在另侧的脚本执行框代码.的相关文章

JS实现新浪微博效果带遮罩层的弹出框代码_javascript技巧

本文实例讲述了JS实现新浪微博效果带遮罩层的弹出框代码.分享给大家供大家参考.具体如下: 这是一款新浪微博效果的弹出框,现成的JS代码,兼容IE6+,以及各主流浏览器.新浪微博弹出层并可拖拽,操作轻松舒适,符合用户的浏览习惯,将代码推荐给各位网友. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-sina-zzxg-dlg-demo/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1

JS简单实现浮动窗口效果示例_javascript技巧

本文实例讲述了JS简单实现浮动窗口效果.分享给大家供大家参考,具体如下: HTML部分: <!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"> &l

跟随滚动条漂浮的JS特效

js|跟随|特效 这是一个跟随滚动条漂浮的JS特效,就是说滚动条滚动而元素相对屏幕位置不变 网上有很多类似的效果,本代码比较起来有如下优点: 1. 兼容IE6.0+ & FF1.5+2. 使用非常简单,属于菜鸟最爱的那种拿来就能用的,见下面说明3. 元素之间不会起冲突,一页中可以有n个特效,多元素使用无代码冗余 缺点有: 1. 只能在声明为xHTML的文档中使用2. 元素最好放在body下3. 滚动时不可避免的会有闪烁(已经比较轻微,但追求完美者可能觉得不爽) 使用说明:在页面中引用JS包,然后

js 弹出浮动层

<!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> <meta http-equiv="content-

推荐几个入门级的JS特效代码

js|特效 1.以事件驱动JavaScript 函数 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>无标题文档</title>

鼠标经过显示二级菜单js特效_javascript技巧

复制代码 代码如下: <!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> <meta http-equiv=&qu

网页-网站上传空间js特效无效，浏览器查看源码显示您的浏览器不支持iframe,无法访问

问题描述 网站上传空间js特效无效,浏览器查看源码显示您的浏览器不支持iframe,无法访问 所有内容都在一个frameset标签里,可是我并没有写这个标签,本地浏览都是正常的,地址是web11545.vhost058.cn,来个大神拯救我一下,谢谢了

一个背景云变换js特效 鼠标移动背景云变化_jquery

提到博客,不能不提到博客园cnblogs.com.绝对是国内非常非常牛逼的博客云集地.可能我关注博客的时间比较短,从2010年才开始,而那里的博主们基本4年以上的博龄了. 在群里有人要个比较个性的企业网站,诗缘妹子就贴了一个网址,我没事也点了看了下,果真不错.下面你就想到了,这个背景云变换js特效我看上眼了. 由于用的一些css3属性,部分低版本的浏览器可是没有效果的哦. 使用方法很简单,直接在你所要实现效果的最底层加入: 复制代码 代码如下: <!--parallax--> <link

带缓动效果返回顶部JS特效代码

返回顶部,这里可换成图片 带缓动效果的返回顶部JS特效代码 Page 1 Page 2 Page 3 Page 4 Page 5 Page 6