【超级引流app源码】【厨房小程序源码】【交互式源码】css布局源码_css布局代码

2024-11-25 01:59:16 来源:axure怎么打源码 分类:焦点

1.CSS 这样的布布局超级引流app源码代码怎么写

css布局源码_css布局代码

CSS 这样的代码怎么写

       HTML部分:

       <div id="tbox">    

       <a id="tbox_0" href="#">生活</a>    

       <a id="tbox_1" href="#">视频</a>    

       <a id="tbox_2" href="#">团购</a>    

       <a id="tbox_3" href="#">游戏</a>    

       <a id="tbox_4" href="#">美图</a>     

       <a id="gotop" href="javascript:void(0);" title="返回顶部" target="_self">返回顶部</a>    

       </div>js部分:

       function a(x,y){

        l = $('.footer').offset().left;//默认值

        w = $('.footer').width();//默认值

        $('#tbox').css('left',(l + w + x) + 'px');

        $('#tbox').css('bottom',y + 'px');

       }

       function b(){

        //h = $(window).height();

        h = ;

        t = $(document).scrollTop();

        if(t > h){

        $('#gotop').fadeIn("slow");

        }else{

        $('#gotop').fadeOut("slow");

        }

       }

       $(document).ready(function(e) {

        a(,);

        b();

        $('#gotop').click(function(){

        $(document).scrollTop(0);

        })

        /

*

        $("#tbox a").css({ opacity:0.8});

        $("#tbox a").hover(function(){

        $(this).css({ opacity:1});

        },function(){

        $("#tbox a").css({ opacity:0.8});

        })

        */

       });

       $(window).resize(function(){

        a(,);

       });

       $(window).scroll(function(e){

        b();

       });CSS部分:

       *html{ background-image:url(about:blank);background-attachment:fixed;}

       #tbox{ width:px;height:px;float:right;position:fixed;z-index:;

       _position:absolute;

       _bottom:auto;

       _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,8)||0)-(parseInt(this.currentStyle.marginBottom,8)||0)));

       _margin-bottom:8px;

       }

       #tbox a{ width:px;height:px;position:absolute;cursor:pointer;background:#}

更多资讯请点击:焦点

热门资讯

yocto 源码在哪

2024-11-25 01:421159人浏览

nga客户端源码_nga客户端开源版

2024-11-25 01:16284人浏览

ajax delete源码

2024-11-25 00:34768人浏览

qq框架易语言源码_易语言qq模块

2024-11-25 00:22893人浏览

推荐资讯

缓存服务源码_缓存服务源码是什么

1.Chromium源码剖析:HTTP缓存策略与架构2.Redis Client-side Caching实现剖析与源码解读3.简单概括Linux内核源码高速缓存原理图例解析)4.④优雅的缓存框架:S

nga客户端源码_nga客户端开源版

1.魔兽插件tmw战士字符串怎么移动标和改变大小啊魔兽插件tmw战士字符串怎么移动标和改变大小啊 1、 复制别人给你的TMW的代码。 2、打开聊天栏。 3、使用ctrl+V将别人给你的代码

78的源码和反码_78的源码和反码的区别

1.正数的原码、反码、补码是什么意思?2.如何求一个小数的原码、补码、反码和真值表3.正数的原码,补码,反码是什么?正数的原码、反码、补码是什么意思? 正数的原码、反码、补码相同; 负数的原码