jquery博客仿百度空间相册展示相册效果文字显隐
2012-10-11 00:00
288 查看
jquery博客每天重复这一样的事情,不断的切图做页面,哪边样式出问题了,马上就去改,又有新的需求,马上去做,生成DEMO页面,好方便后端的同事们调试。
商场的页面每天继续忙不停的做,前端伤不起,来面试的不是经验不足,就是吊儿郎当的,擦,纠结。
后端哥们在做客户管理中心功能,需要一个相册,参考了,网易,新浪,百度的,最终定下来,整个百度空间相册的吧。
大致是这样的
里面的背景图片盗用的是百度空间的
背景图片蛮大的,我们不需要那么多,用到个background定位
后面的显隐页面那就更简单了,鼠标移到那边显示背景白色,并有个边框,里面的编辑删除文字显示,移除消失
在线效果DEMO1 DEMO2
转自 jquery http://www.jqueryba.com/378.html
商场的页面每天继续忙不停的做,前端伤不起,来面试的不是经验不足,就是吊儿郎当的,擦,纠结。
后端哥们在做客户管理中心功能,需要一个相册,参考了,网易,新浪,百度的,最终定下来,整个百度空间相册的吧。
大致是这样的
里面的背景图片盗用的是百度空间的
背景图片蛮大的,我们不需要那么多,用到个background定位
后面的显隐页面那就更简单了,鼠标移到那边显示背景白色,并有个边框,里面的编辑删除文字显示,移除消失
1 2 3 4 5 6 7 8 9 10 | $(document).ready(function(){ $(".demoxx li").mouseover(function(){ $(this).addClass("aBg"); $(this).find("span").show(); }); $(".demoxx li").mouseout(function(){ $(this).removeClass("aBg"); $(this).find("span").hide(); }); }) |
转自 jquery http://www.jqueryba.com/378.html
相关文章推荐
- jquery博客仿百度空间相册展示相册效果文字显隐
- js框架jquery瀑布流图片墙效果代码下载,点击相册图片展示大图
- jquery博客仿百度空间相册展示相册效果文字显隐
- JQuery效果展示--不看后悔N辈子
- 如何使用jquery实现文字上下滚动效果
- jQuery实例:图片展示效果
- jQuery实现的文字hover颜色渐变效果实例
- jQuery文字提示与图片提示效果实现方法
- jQuery实现为控件添加水印文字效果(附源码)
- JQuery实现文字无缝滚动效果(Marquee插件)
- 使用jQuery实现滑过图片展示信息效果
- 一款基于jquery的手风琴图片展示效果
- 基于jquery的文字向上跑动类似跑马灯的效果
- 基于JQuery的类似新浪微博展示信息效果的代码
- jquery使用CSS3实现文字动画效果插件Textillate.js
- jquery单行文字向上滚动效果示例
- jquery实现多行文字图片滚动效果示例代码
- jquery 图片展示--翻牌旋转效果
- jquery 简单的图片展示效果
- Jquery 文字模拟输入效果