收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 4043|回复: 9

新做的网站,大家看看如何?使用了一些JQ为网站增加简单的交互效果!

[复制链接]
发表于 2011-8-25 00:32:44 | 显示全部楼层 |阅读模式
小站网址:http://www.ncitao.com/
2011-08-25_131423.jpg
说明:
1.侧边栏高度为435px Header高度为154px=589px,1027x768 IE6最小可视高度600px ,还省下11px,无法加入返回顶部功能
2.使用Jq让侧边栏ScrollTop大于154px开始Fixed,Top为2px,在1027x768 IE6下侧边栏会多出152个空白像素,可以加入返回顶部功能
3.Scroll大于600px(1027x768 IE6最小可视高度)返回顶部按钮渐变出现
4.侧边栏高度使用锚点平滑跳转效果

[[i] 本帖最后由 stonelau 于 2011-8-25 13:38 编辑 ]
 楼主| 发表于 2011-8-25 13:39:37 | 显示全部楼层
大家有什么好的建议?
回复 支持 反对

使用道具 举报

发表于 2011-8-25 16:05:32 | 显示全部楼层
那2个大广告图片可以分别做成轮播的方式,或者合并成1个图片轮播,或者做成手风琴的切换方式。现在是静态的感觉有点浪费位置

[[i] 本帖最后由 winsonlei 于 2011-8-25 16:06 编辑 ]
回复 支持 反对

使用道具 举报

发表于 2011-8-25 16:09:53 | 显示全部楼层
现在每个商品下面的价格和已售的右边是空着,可以放点东西,例如商家的信用等级之类的
回复 支持 反对

使用道具 举报

发表于 2011-8-26 09:50:11 | 显示全部楼层
请问楼主最右边的竖排菜单 默认图标是灰的,鼠标移动上去变白的,效果怎么做呢?
回复 支持 反对

使用道具 举报

发表于 2011-8-27 08:41:43 | 显示全部楼层
原帖由 [i]kevinlu 于 2011-8-26 09:50 发表
请问楼主最右边的竖排菜单 默认图标是灰的,鼠标移动上去变白的,效果怎么做呢?


#anchor a {
display: block;
width: 68px;
height: 30px;
background: url(../images/anchor.png) no-repeat;
padding-left: 22px;
text-align: center;
line-height: 30px;
_line-height: 30px;
overflow: hidden;
color: #686868;
}

#anchor a.nvz {
background-position: 20px 0px;
}

#anchor a.nz {
background-position: 20px -30px;
}

#anchor li a:hover{ color:#FFF; text-decoration:none; background-color:#229ECA}
#anchor .nvz:hover{background-position: 20px -450px;}





背景图 url


使用CSS Sprite减少http请求




PS  LZ这站不错的.是有一定功力和经验的  代码写的也不赖


<meta name="robots" content="index, follow" />

<meta name="googlebot" content="index, follow" />


还考虑到了蜘蛛


<meta http-equiv="X-UA-Compatible" content="IE=7" />

这段申明针对IE8来的

考虑到首页超链接输出较多 减少 每个超链接一个  target="_blank"

所以使用

<base target="_blank"></base>

只是我觉得超链接最好还是加title 图片最好还是加alt

至于加不加 其实用起来是没什么影响 但是对搜索引擎来说 他还是会喜欢有title的超链接 以及 alt的图片

这是我多年实战得到的经验 或许对LZ有帮助 顺便 回复5楼OVER!
回复 支持 反对

使用道具 举报

 楼主| 发表于 2011-8-27 09:53:28 | 显示全部楼层

回复 6# lijiyu1988 的帖子

非常感谢你的替我回复#kevinlu的问题,你对N次淘的分析非常到位,我会综合你给建议,做出相应的调整!还是谢谢!

[[i] 本帖最后由 stonelau 于 2011-8-27 09:56 编辑 ]
回复 支持 反对

使用道具 举报

 楼主| 发表于 2011-8-27 09:55:51 | 显示全部楼层

回复 7# hhblue 的帖子

需要使用的IE6hack,
http://www.ncitao.com/css/index.css第53行:
.fixed{ position:fixed;top:2px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+2))}
回复 支持 反对

使用道具 举报

发表于 2011-8-27 22:53:55 | 显示全部楼层
把导航也在左侧效果会更好些
回复 支持 反对

使用道具 举报

发表于 2011-8-28 06:13:27 | 显示全部楼层

回复 9# stonelau [楼主] 的帖子

又见 expressio  考虑到性能的话,最好可以换个思路 我是不是有点吹毛求疵了- -~~~
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-7-2 16:53 , Processed in 0.109099 second(s), 11 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表