Categories


Tags


网站侧边栏广告固定浮动效果的实现

对于页面内容很长的网站来说,经常会出现浏览内容的时候,侧栏已经空了,没内容了,这对于网站广告来说非常可以,如果侧栏空了之后能固定一个广告的话,那样对网站和用户双方的体验都不错,下面就说说具体实现的方法。

先在网站加入jquery.js,一般网站都已经加过这个js,因此可以跳过,没有用的网站则需要在网站header部分加入jquery.js代码。

之后,编辑侧栏模板,在侧栏最底部加入广告代码,代码如下:

<div id="float" class="float">

广告的HTML代码

</div>

最后,在网站底部增加如下的javascript代码即可:

$.fn.smartFloat = function() {

var position = function(element) {

var top = element.position().top, pos = element.css("position");

$(window).scroll(function() {

var scrolls = $(this).scrollTop();

if (scrolls > top) {

if (window.XMLHttpRequest) {

element.css({

position: "fixed",

top: 0

});

} else {

element.css({

top: scrolls

});

}

}else {

element.css({

position: pos,

top: top

});

}

});

};

return $(this).each(function() {

position($(this));

});

};

$("#float").smartFloat();

来源:月光博客


Public @ 2009-05-01 15:45:17

虚拟主机购买其他常见问题

1.我不懂程序,能使用西部数码的虚拟主机吗?答:您好,我们所有的虚拟主机都自带强大的管理面板,即使你不懂程序,一般情况下也能正常使用。如果您只是需要建立一个简单的个人网站或者企业官网,推荐使用我司的云建站,不用懂程序,只需要添加网站内容即可。2.西部数码的虚拟主机支持多站点吗?答:你好,我们的虚拟主机部分型号是支持多站点的,具体到各个型号,可以查看参数中的可开子站数一项。3、西部数码的虚拟主机有送

Public @ 2016-12-16 16:00:40

十大最佳WordPress插件推荐

1.Yoast SEO:这是WordPress上最受欢迎的SEO插件,对博客 /网站的SEO和社交媒体有很大帮助。 2.Jetpack:它是WordPress.com开发的功能强大的插件,可提升博客 /网站功能和安全性。 3.Gravity Forms:这是一款高级表单管理系统,可在您的博客 /网站中建立非常有用的表单,以收集重要信息。 4.Woocommerce:这是WordPress

Public @ 2023-02-24 20:48:39

网站成功关键之一:网站设计

一个网站的成功与否,很大程度上取决于网站设计的好坏。网站设计不仅仅是指网站页面的外观,还包括网站的结构、内容布局、交互方式、可用性等方面,这些都需要仔细地设计和考虑。以下是网站设计关键的一些方面: 1. 用户体验:好的网站设计应该能使用户有良好的体验,为用户提供方便、快捷、一致的交互方式,帮助用户满足他们的需求。 2. 网站结构:合理的网站结构能让用户更容易浏览和定位网站的内容,有利于搜索引擎

Public @ 2023-04-17 14:50:33

网站设计应注意的用户体验!

1. 简洁明了的页面布局:网站设计的页面要能够清晰地传达信息,让用户能够快速了解网站的功能、内容和结构。 2. 开放性的交互设计:网站设计应该是比较开放的交互模式,能够让用户从不同的入口进入,方便用户的使用,例如分类浏览,搜索引擎等。 3. 良好的信息组织:网站设计应该把信息以清晰的层次体现出来,便于用户快速了解所需信息,例如网站导航的设计,让用户更好的获取信息。 4. 明确的页面逻辑:网站

Public @ 2023-04-03 15:00:23

更多您感兴趣的搜索

0.434796s