精华内容
下载资源
问答
  • 腾讯QQ浮动代码 用于网站 很实用...........................
  • 网页浮动代码

    2011-12-09 12:43:49
    ASP.NET网页右侧可隐藏浮动窗口的实现 复制并粘贴下面的JS代码,放到您的网页,可以在和的之间网页的任意位置放置。如果您的网站使用的模板,您也可以复制代码到您的模板,按钮将在所有网页自动出现
  • jQuery网站右侧固定可伸缩浮动菜单代码是一款开始时只显示一个按钮,点击按钮时可以垂直展开所有的菜单项,展开后点击按钮又可以收起网页右侧菜单栏的效果。
  • 在线客服浮动代码

    2008-08-01 10:51:09
    在线客服浮动代码,支持qq msn
  • jQuery京东浮动网站楼层导航代码是一款仿京东商城网页左侧浮动楼层导航特效代码
  • 基于Sticky-js插件制作的一款简单实用的网站滚动左右固定浮动代码,页面下拉时左右两边浮动层会固定在顶部,不会被挡住。
  • 内容索引:脚本资源,Ajax/JavaScript,QQ客服,漂浮广告 这款网站客服代码可以浮动在网页右侧,随页面滚动而滚动,红色调,看上去非常漂亮,而且调用时候就只需一名话,除了可以拿它来做浮动的客服窗口外,还可以把它...
  • jQuery京东浮动网站楼层导航代码是一款仿京东商城网页左侧浮动楼层导航特效代码
  • 广告代码网站底部浮动弹出 可以作为提示,或者弹出视频广告FLASH文件,通知等
  • 网页浮动qq代码

    2013-10-16 18:11:31
    网页上可以浮动qq代码
  • 关于网站浮动图片代码

    千次阅读 2007-06-01 10:26:00
    http://www.freedown.net/"; target="_blank"> http://www.freedown.net/logo.gif"; border="0"> var xPos = 20; var yPos = document.body.clientHeight; var step = 1; var delay = 30; var height = 0; var H
    <div id="img" style="position:absolute;"> 
    
    <a href=" http://www.freedown.net/"; target="_blank">
    <img src=" http://www.freedown.net/logo.gif"; border="0"></a>
    </div>

    <SCRIPT LANGUAGE="JavaScript">
    <!--
    var xPos = 20;
    var yPos = document.body.clientHeight;
    var step = 1;
    var delay = 30;
    var height = 0;
    var Hoffset = 0;
    var Woffset = 0;
    var yon = 0;
    var xon = 0;
    var pause = true;
    var interval;
    img.style.top = yPos;
    function changePos() {
    width = document.body.clientWidth;
    height = document.body.clientHeight;
    Hoffset = img.offsetHeight;
    Woffset = img.offsetWidth;
    img.style.left = xPos + document.body.scrollLeft;
    img.style.top = yPos + document.body.scrollTop;
    if (yon) {
    yPos = yPos + step;
    }
    else {
    yPos = yPos - step;
    }
    if (yPos < 0) {
    yon = 1;
    yPos = 0;
    }
    if (yPos >= (height - Hoffset)) {
    yon = 0;
    yPos = (height - Hoffset);
    }
    if (xon) {
    xPos = xPos + step;
    }
    else {
    xPos = xPos - step;
    }
    if (xPos < 0) {
    xon = 1;
    xPos = 0;
    }
    if (xPos >= (width - Woffset)) {
    xon = 0;
    xPos = (width - Woffset);
    }
    }
    function www_helpor_net() {
    img.visibility = "visible";
    interval = setInterval('changePos()', delay);
    }
    www_helpor_net();
    //For more,visit:www.helpor.net
    -->
    </script>




    <div id=dd
    style="Z-INDEX: 1; WIDTH: 100px; POSITION: absolute; HEIGHT: 132px"> <a href=""><img src="images/新品上市.gif" width="128" height="128" border="0" alt="恭贺新禧!"></a></div>
    // 图片的宽高属性按照你的图片设, 文件名最好用英文的!!
    <script language=JavaScript>
    <!-- Begin
    //more javascript from http://cfan.net.cn
    var xPos = 20; // 起始横向位置(从左算起,单位象素)
    var yPos = document.body.clientHeight; // 页面本身高度
    var step = 1;
    var delay = 30; // 速度,值越大速度越慢
    var height = 0;
    var Hoffset = 0;
    var Woffset = 0;
    var yon = 0;
    var xon = 0;
    var pause = true;
    var interval;
    dd.style.top = yPos;
    function changePos() {
    width = document.body.clientWidth; // 判断浏览器窗口的宽度
    height = document.body.clientHeight; // 判断浏览器窗口的高度
    Hoffset = dd.offsetHeight;
    Woffset = dd.offsetWidth;
    dd.style.left = xPos + document.body.scrollLeft;
    dd.style.top = yPos + document.body.scrollTop;
    if (yon) {
    yPos = yPos + step;
    }
    else {
    yPos = yPos - step;
    }
    if (yPos < 0) {
    yon = 1;
    yPos = 0;
    }
    if (yPos >= (height - Hoffset)) {
    yon = 0;
    yPos = (height - Hoffset);
    }
    if (xon) {
    xPos = xPos + step;
    }
    else {
    xPos = xPos - step;
    }
    if (xPos < 0) {
    xon = 1;
    xPos = 0;
    }
    if (xPos >= (width - Woffset)) {
    xon = 0;
    xPos = (width - Woffset);
    }
    }
    function start() {
    dd.visibility = "visible";
    interval = setInterval('changePos()', delay);
    }
    function pause_resume() {
    if(pause) {clearInterval(interval);pause = false;}
    else {interval = setInterval('changePos()',delay);pause = true;}
    }
    start();
    // End -->
    </script> 
    展开全文
  • 浮动qq客服代码美观大方,广泛适用于各个行业,完美兼容网站首页、列表页、内容页的底部,可有利于网站咨询转化率提升,增加更多留言及咨询量,首次使用,请看以下教程,高手请绕行。 已通过IE、谷歌、360等浏览器...
  • 主要介绍了js实现网站最上边可关闭的浮动广告条代码,涉及javascript基于鼠标事件操作页面元素样式的实现技巧,需要的朋友可以参考下
  • 页面中浮动的小广告 几种简单的浮动广告 简单 方便
  • 现在很多手机网站打开都会把网站的LOGO顶部导航什么或者底部的固定到网页顶部或者底部不动,有点像APP的样子,那样能更方便浏览者操作,这个其实很简单就能实现,它主要是用到position属性的fixed值。 大家在...

    现在很多手机网站打开都会把网站的LOGO顶部导航什么或者底部的固定到网页顶部或者底部不动,有点像APP的样子,那样能更方便浏览者操作,这个其实很简单就能实现,它主要是用到position属性的fixed值。


    大家在学习CSS的时候接触到position属性值:

    描述
    static 默认。位置设置为 static 的元素,它始终会处于页面流给予的位置(static 元素会忽略任何 top、bottom、left 或 right 声明)。
    relative 位置被设置为 relative 的元素,可将其移至相对于其正常位置的地方,因此 "left:20" 会将元素移至元素正常位置左边 20 个像素的位置。
    absolute 位置设置为 absolute 的元素,可定位于相对于包含它的元素的指定坐标。此元素的位置可通过 "left"、"top"、"right" 以及 "bottom" 属性来规定。
    fixed 位置被设置为 fixed 的元素,可定位于相对于浏览器窗口的指定坐标。此元素的位置可通过 "left"、"top"、"right" 以及"bottom" 属性来规定。不论窗口滚动与否,元素都会留在那个位置。工作于 IE7(strict 模式)。

    我这里直接把一简单的代码贴上来:

    <!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-Type" content="text/html; charset=utf-8" />
    <title>金淘族http://www.jintaozu.com</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <meta name="format-detection" content="telephone=yes"/>
    <meta name="msapplication-tap-highlight" content="no" />
    <meta name="applicable-device" content="mobile">
    <style type="text/css">
    *{margin:0;padding:0}
    #toubu{height:60px;background:#FF3F05;position:fixed;top:0px; width:100%;}
    #dbnav{height:60px;background:#FF3F05;position:fixed;bottom:0px; width:100%;}
    #zbu{margin:60px auto;background:#ddd;}
    </style>
    </head>
    <body>
    <div>
      <div id="toubu">头部</div>
      <div id="zbu"><br />1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></div>
      <div id="dbnav">底部</div>
    </div>
    </body>
    </html>


    展开全文
  • 在dreamweaver网站制作时要做网页中的浮动广告可以直接使用的java脚本语言
  • 网站首页浮动窗口移动代码

    千次阅读 2015-12-03 08:47:42
    1.html代码: ×最新通知公告 font-weight:bold;" href="${url}" target="_blank"> 2.js代码: var x = 50,y = 60; var xin = t

     1.html代码:

    <div id="dcwj" class="flabox" style="position:absolute;z-index:1000;">
    
        <div class="flatit"><span><a οnclick="closediv();" title="关闭" style="cursor: pointer;">×</a></span>最新通知公告</div>
    
        <ul class="flaul">
    
        <c:forEach items="${newsInfoList}" begin="0" end="2" var="cur">
    
        <c:url var="url" value="/IndexNewsInfo.do?uuid=${cur.uuid}" />
    
          <li><a title="${fn:escapeXml(cur.title)}" style="color:${cur.title_color}; text-decoration:none; <c:if test='${cur.title_is_strong eq 1}'>font-weight:bold;</c:if>" href="${url}" target="_blank">
    
            <c:out value="${fnx:abbreviate(fn:escapeXml(cur.title), 2 * 15, '..')}" />
    
          </a></li>
    
        </c:forEach>
    
        </ul>
    </div>
    2.js代码:
    
    var x = 50,y = 60;
    
    var xin = true, yin = true;
    
    var step = 0.5;
    
    var delay = 10;
    
    var obj=document.getElementById("dcwj");
    
    var width= window.screen.availWidth;
    
    var height = window.screen.availHeight;
    
    function dcwj() {
    
        var L=T=0;
    
        //var R= document.body.clientWidth-obj.offsetWidth;
    
        var R= width-obj.offsetWidth-35;
    
        //var B = document.body.clientHeight-obj.offsetHeight;
    
        var B = height-obj.offsetHeight-100;
    
        obj.style.left = x + (document.documentElement.scrollLeft || document.body.scrollLeft) + "px";
    
        obj.style.top = y + (document.documentElement.scrollTop || document.body.scrollTop) + "px";
    
        x = x + step*(xin?1:-1);
    
        if (x < L) { xin = true; x = L;}
    
        if (x > R){ xin = false; x = R;}
    
        y = y + step*(yin?1:-1);
    
        if (y < T) { yin = true; y = T; }
    
        if (y > B) { yin = false; y = B; }
    
        //document.getElementById("console").innerHTML=x + " : " + y;
    
    }
    
    var itl;
    
    if(obj!=null){
    
        itl    = setInterval("dcwj()", delay);    
    
        obj.οnmοuseοver=function(){clearInterval(itl);};
    
        obj.οnmοuseοut=function(){itl=setInterval("dcwj()", delay);};
    
    }
    
    function closediv(){
    
       clearInterval(itl);
    
       obj.style.display = "none";
    }
     
     
    展开全文
  • 浮动对联广告代码

    2012-04-04 01:01:56
    浮动对联广告代码 JS代码,很实用 浮动对联广告代码 浮动网站的两侧,图片和链接在JS文件中替换即可
  • 网站浮动广告代码 网页浮动广告代码 非常好的 网页浮动广告代码 非常好的
  • jquery商城网站右下角浮动窗口商品随机展示效果代码
  • 原生的JS网站飘浮广告代码浮动广告代码,当用户不需要时,可关闭广告,但并非完全关闭,关闭后缩小成小广告依然显示,在缩小的广告上单击重播功能,可放大到原始的广告状态。这类广告目前网上仍然存在,飘浮在网页...
  • 网站浮动广告

    2013-11-28 17:01:13
    代码放去要展现的广告页,更换自己想要的图片,即可实现网站广告浮动的效果,兼容各个浏览器。
  • 带返回顶部jquery浮动客服代码是一款简单实用的jquery浮动在线QQ咨询代码,支持设置热线电话、微博链接等,带有在线留言和返回顶部的功能,适合网站客服功能,推荐下载。
  • 一款漂亮的基于纯js实现的浮动网站客服窗口代码
  • PS: 在各种商业性的网站上的都会用那些客服之类的浮动图标,但并非兼容各种不同种类的浏览器,这里是从别人的代码中提取出来的JS代码,几乎可以完美的兼容各种浏览器,至于其中的JS代码,我也领悟不多,就不乱讲解了...

    PS: 在各种商业性的网站上的都会用那些客服之类的浮动图标,但并非兼容各种不同种类的浏览器,这里是从别人的代码中提取出来的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-Type" content="text/html; charset=gb2312" />
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
    <title>网站</title>
    <style type="text/css">
    
    	#divStayTopleft{
    	width:116px;
    	height:230px;
    	background-repeat: no-repeat;
    	left:1350px;
    	top: 70px;
    	}	
     #qq{width:120px; height:90px; margin-top:50px;}
    </style>
    </head>
    
    <body>
    <DIV id=zove >
    <div id="divStayTopleft" style="POSITION: absolute"> 
    <div id="qq">
    <TBODY>
      <TABLE font-family:'宋体'; font-size:16px; color: #000 style="FLOAT: left;width=110 align="center" >
      <TR>
              <TD height=80></TD></TR>
    <tr><td>
    <script>document.write("<a target=blank href=tencent://message/?uin=742586755&Site=乞儿 &Menu=yes><img border=0 SRC=http://wpa.qq.com/pa?p=1:615050000:10 alt=[乞儿]></a>");</script></td></tr>
    <tr><td>
    <script>document.write("159XXXX1234");</script></td></tr>
    </table>
    </TBODY>
    </div> 
    </div>
    </DIV>
    <SCRIPT language=javascript>
    		qier=function (id,_top,_left){
    		var me=id.charAt?document.getElementById(id):id, d1=document.body, d2=document.documentElement;
    		d1.style.height=d2.style.height='100%';me.style.top=_top?_top+'px':0;me.style.left=_left+"px";
    		me.style.position='absolute';
    		setInterval(function (){me.style.top=parseInt(me.style.top)+(Math.max(d1.scrollTop,d2.scrollTop)+_top-parseInt(me.style.top))*0.1+'px';},10+parseInt(Math.random()*20));
    		return arguments.callee;
    		};
    		window.οnlοad=function (){
    		qier
    		('zove',100,-152)
    		}
    </SCRIPT>
    
    </body>
    </html>
    


    下面是可折叠部分代码一并贴上

    <SCRIPT language=javascript> 
    			lastScrollY=0; 
    			
    			var InterTime = 1;
    			var maxWidth=-1;
    			var minWidth=-152;
    			var numInter = 8;
    			
    			var BigInter ;
    			var SmallInter ;
    			
    			var o =  document.getElementById("zove");
    				var i = parseInt(o.style.left);
    				function Big()
    				{
    					if(parseInt(o.style.left)<maxWidth)
    					{
    						i = parseInt(o.style.left);
    						i += numInter;	
    						o.style.left=i+"px";	
    						if(i==maxWidth)
    							clearInterval(BigInter);
    					}
    				}
    				function toBig()
    				{
    					clearInterval(SmallInter);
    					clearInterval(BigInter);
    						BigInter = setInterval(Big,InterTime);
    				}
    				function Small()
    				{
    					if(parseInt(o.style.left)>minWidth)
    					{
    						i = parseInt(o.style.left);
    						i -= numInter;
    						o.style.left=i+"px";
    						
    						if(i==minWidth)
    							clearInterval(SmallInter);
    					}
    				}
    				function toSmall()
    				{
    					clearInterval(SmallInter);
    					clearInterval(BigInter);
    					SmallInter = setInterval(Small,InterTime);
    					
    				}
    				
    </SCRIPT>


    然后改DIV为

    <DIV id=zove οnmοuseοver=toBig() οnmοuseοut=toSmall()>


     

    展开全文
  • 浮动图片代码

    2010-06-09 13:22:00
    浮动图片代码(网页浮动广告图片)作者:shnxn 网站:凡人网络;"> <a href="http://"; target="_blank"> <img src="http://f"; border="0"></a> </div> <br />...
  • 一款网页上流行的浮动qq客服代码,完美兼容网站首页、列表页、内容页的底部,可有利于网站咨询转化率提升,增加更多留言及咨询量,带关闭功能。兼容性方面支持目前主流的IE8/火狐、Chrome等浏览器。首次使用,请看...
  • 在网页制作或网站设计过程中,我们可能需要给网站主页添加浮动窗口,以展示具有“核心”或“宣传”意义的内容,同时此浮动窗口具有鲜明标记、引人注目的效果。以下就与大家分享一下给网页中添加浮动窗口的方法。首先...
  • 浮动广告代码实例

    千次阅读 2018-01-17 15:17:13
    各大代码网站也有关于漂浮代码的实例,很多存在着兼容性问题,不符合W3C标准,本站修复了兼容性问题,下面就简单介绍一下如何实现此效果。 代码如下: [HTML] 纯文本查看 复制代码运行代码...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 29,356
精华内容 11,742
关键字:

网站浮动代码