目录:
1.app推广网站源码
2.网站推广工具
3.网站的推广平台
4.推广网站制作
5.网站推广模板
6.网站及推广
7.网站推广方法大全
8.网站推广平台有哪些?
9.网站推广吧
10.网站推广是什么意思?
1.app推广网站源码
当前在很多的旅游网站,底部固定广告已经成为一种常见的形式,可以参看下图。
2.网站推广工具
途牛网底部
3.网站的推广平台
携程网底部以途牛为例,下边我们一起来说一下整个制作流程显然底部是固定定位的盒子,并且是分为两组,一组为显示状态下,一组为隐藏状态下,并且通过点击可以实现两者之间的切换
4.推广网站制作
第一组
5.网站推广模板
第二组1. 分别创建两组盒子结构,并添加对应的css样式第一组盒子宽度为100%,并且定位到底部,第二组盒子根据图片大小来设置盒子大小,并定位在窗口的左下角位置默认第一组显示在窗口中,第二组移除到窗口的左侧以外,所以需要设置为负值。
6.网站及推广
CSS部分代码如下: *{margin:0;padding:0;} body{background: url(images/body-bg.png) no-repeat center top;}
7.网站推广方法大全
.box{width: 100%;height: 147px;position: fixed;bottom: 0;left: 0;background: rgba(0, 5, 25,.8);} .box-inner
8.网站推广平台有哪些?
{width:1000px;height:147px;margin:0 auto;position:relative;} .box-inner.person{position: absolute;left
9.网站推广吧
:0;bottom:0;} .box-inner.btn{position: absolute;left:0;top: 5px;cursor: pointer;} .people{position: fixed;
10.网站推广是什么意思?
left:-130px;bottom: 0;cursor: pointer;} Html部分代码如下:
height=”39″ width=”39″ alt=””class=”btn” />
当整个盒子隐藏后,需要让第二组盒子从窗口左侧以外进入,在此处用到了animate中的回调函数来实现此效果var winWidth = $(window).width(); $(.btn).click(function
(event) { $(.box).animate({left:-winWidth}, 500,function(){ $(.people).animate({left:0}, 500); }); });
在第二组盒子中,给整个盒子添加点击事件,动画方式和第一次点击相反;第二组盒子往左侧移出窗口以外;第一组盒子从窗口以外重新进入到窗口中,同样在此处也用到了ainimate中的回调函数,为了让两组动画之间时间上产生间距,通过delay方法做了延迟执行。
$(.people).click(function(event) { $(this).animate({left:-130}, 0,function(){ $(.box).delay(300).animate({
left:0}, 500); }); });
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
7. 如遇到加密压缩包,请使用WINRAR解压,如遇到无法解压的请联系管理员!
8. 精力有限,不少源码未能详细测试(解密),不能分辨部分源码是病毒还是误报,所以没有进行任何修改,大家使用前请进行甄别
丞旭猿论坛
暂无评论内容