• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
奶酪-凌
博客园    首页    新随笔    联系   管理    订阅  订阅
[置顶] tab切换-2016.6.4
摘要: 以前的tab切换,一般都是自己找网上的源代码,不知道含义,直接套,然后会有一些不知道的问题出现。 最近学习了jq(当然属于懒人的我,学习进度很慢),然后再工作中遇到了tab选项卡,所以决定自己写一个。 效果展示(没有美化): 即当鼠标点击头部上面菜单时,底下相对应的div出现。 HTML: CSS: 阅读全文
posted @ 2016-06-04 13:53 奶酪-凌 阅读(271) 评论(0) 推荐(0)
2016年3月18日
css3放大效果
摘要: 参考案例: http://www.web-designers.cn/ http://www.harmay.com/ 鼠标经过图片,图片放大。 1.html: 2.css: 实现css3图片放大效果,需要用到transform和transition。 transform:旋转元素。transform 阅读全文
posted @ 2016-03-18 16:15 奶酪-凌 阅读(2658) 评论(0) 推荐(0)
2016年3月3日
jQuery 点击显示再次点击隐藏
摘要: 第一种是简单的显示和隐藏,使用了bind()和toggle(); toggle()方法自己就有显示隐藏的作用。 但是这段js的缺点是,当我点击“深咖色”显示红色方块,再次点击“11*11”时,绿色方块出现,但是红色方块也不会隐藏,如图: 第二种方法:改进上述的缺点,当再次点击时,隐藏其他,只出现点击 阅读全文
posted @ 2016-03-03 17:31 奶酪-凌 阅读(10468) 评论(0) 推荐(0)
2016年1月22日
关于display:inline-block和float:left的区别
摘要: 1 2 首页 3 上一页 4 1 5 2 6 3 7 4 8 5 9 610 下一页11 最后12 展示效果:这是一段分页的html,关于他的样式我写了两种方式。1.display:inline-block 1 .p... 阅读全文
posted @ 2016-01-22 15:31 奶酪-凌 阅读(740) 评论(0) 推荐(0)
2015年9月9日
border家族
摘要: border-style:dotted solid double dashed(上边框是点状,右边框是实线,下边框是双线,左边框是虚线)边框样式;border-width(边框宽度);border-radius(创建圆角);border-color(边框颜色);border-shadow(添加阴影)... 阅读全文
posted @ 2015-09-09 18:04 奶酪-凌 阅读(181) 评论(0) 推荐(0)
2015年8月12日
tab切换-淘宝案例
摘要: 案例:html: 公告 规则 论坛 安全 公益 阿里投资奢侈品电商 阿里投资奢侈品... 阅读全文
posted @ 2015-08-12 14:14 奶酪-凌 阅读(176) 评论(0) 推荐(0)
JS学习笔记01
摘要: 文章转载pigpigpig4587的 1.Javascript是区分大小写的语言。也就是说、关键字、变量,函数和所有的标识符都必须采取一致的大小写形式。因为html不严格区分大小写,所以在html中写onclick属性时可以写成onClick。但在javascript中必须写成小写onclick。2... 阅读全文
posted @ 2015-08-12 10:58 奶酪-凌 阅读(216) 评论(0) 推荐(0)
2015年7月31日
文字上下滚动效果
摘要: 案例:第一种:直接用 最终效果可以实现,但是据说用户效果不好(我不知道原因)HTML代码:◎ direction 表示滚动的方向,值可以是left,right,up,down,默认为left ◎ behavior表示滚动的方式,值可以是scroll(连续滚动)slide(滑动一次)alterna... 阅读全文
posted @ 2015-07-31 17:48 奶酪-凌 阅读(2289) 评论(0) 推荐(0)
2015年7月4日
导航点击变化
摘要: a:link{}//未被访问过的链接a:hover{}//鼠标位于其上的链接a:visited{}//已经被访问过的链接a:active{}// 选择活动链接例子一:导航背景色为#0ADDF3; 选中后背景色为#04A7CD;鼠标滑过显示颜色#3BB7EF;html: ... 阅读全文
posted @ 2015-07-04 15:37 奶酪-凌 阅读(167) 评论(0) 推荐(0)
2015年6月26日
腾讯新闻导航栏
摘要: 案例:我做出的第一种效果:html: 首页 滚动 国内 国际 社会 图片 视频 军事 评论 历史 文化 ... 阅读全文
posted @ 2015-06-26 14:58 奶酪-凌 阅读(383) 评论(0) 推荐(0)
下一页
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3