关键词:右侧边 固定 悬浮 jquery 置顶
如果网站的首页内容布局的内容过长,例如新浪、腾讯网站之类的综合性内容很多的这时就需要到一个能够替代鼠标滑轮和拖动滚动条,就能置顶到网站首页顶部的jquery效果。
这个是利用到jquery.scrollUp.js插件
scrollup-master下载
效果演示
博客
-
jquery实现网站首页右侧边固定悬浮置顶效果scrollup-master
-
wordpress清爽简洁主题
wordpress教程个人网站学习也在第一时间发布该模板,wordpress主题以灰色风格为主,结合了bootstrap框架开发,作者并参考了网络上其他优秀主题结合制作而成。wordpress主题站测试兼容网络主流浏览器,请放心下载使用。
wordpress主题后台有网站关键字、网站描述、统计代码等设置选项,特别使用新手使用,不需要到php文件中去添加代码。同时模板完美支持小工具,根据自己的排版和布局来设置,当然你也可以加联盟广告。特别要提到一点。wordpress模板提供特定的独立页面:友情链接页面(links.php),文章归档页面(archives.php),读者墙(readers.php),标签页面(tags.php)等。功能十分强大,特别适合个人博客使用。

wordpress主题下载 -
wordpress干净整洁清爽的个人博客主题下载
此wordpress主题使用于个人博客,界面简单清爽打破以往的常规的布局模式,布局采用CSS+DIV技术通过了W3C验证是标准的布局样式。
主题文件体积小加载速度快对于用户体验强,主题注重交互设计首页内容也以最简单的方式呈现出来。网站头部的分类菜单做得很有特色,wordpress主题支持自定义顶部导航菜单、以及三个小工具(边栏、底部一区、底部二区),可以实现大部分用户的普通需求,直接在后台操作即可,特别适合新手使用。

wordpress主题下载 -
图片底部文字说明显示半透明阴影上
现在很多新闻站都有图文说明但是以往的显示方式不太美观,如果在图片底部层上添加一个半透明阴影的遮罩效果上面添加说明文字这样看起来更有质感,如图:
html代码:
[code]<div class=”imagearea-top”>
<div class=”image-mask-item”>
<a href=”#” target=”_blank” class=”item-image” mon=”ct=0&c=internews&pn=1&a=12″ title=””><img alt=”” src=”#”></a>
<a href=”#” target=”_blank” class=”item-title” title=”” mon=””>伊朗5千万人14日选总统 或改变未来…</a>
</div>
</div>[/code]
css代码:
[code].imagearea .imagearea-top {
height: 160px;
overflow: hidden;
}.image-mask-item {
position: relative;
width: 240px;
height: 160px;
overflow: hidden;
}.image-mask-item a:link, .image-mask-item a:visited, .image-mask-item a:hover {
color: #fff;
}
.image-mask-item .item-title {
position: absolute;
bottom: 0;
left: 1px;
width: 218px;
padding: 0 10px;
height: 40px;
line-height: 40px;
background-color: rgba(0,0,0,.5);
font: normal 12px/40px 宋体B8B\4F53;
text-decoration: none;
overflow: hidden;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = ‘true’,startColorstr = ‘#50000000’,endColorstr = ‘#50000000’);
}.image-mask-item .item-image img {
display: block;
border: 1px solid #dcdcdc;
width: 238px;
height: 158px;
}[/code] -
解决“您可能正在上传很大的文件,请参考文档来寻找解决方法。”

