Skip to content

README.md

Latest commit

 

History

History
52 lines (42 loc) · 2.22 KB

README.md

File metadata and controls

52 lines (42 loc) · 2.22 KB
Raw

Funny-design(HTML-CSS-JavaScript-jQuery)

Record and began to make small demo at ordinary times, mainly involves the front-end technology is JavaScript、css、html、jquery and so on.

lightBox —— 画廊

  • study by imooc course —— JS插件开发之LightBox图片画廊
  • Using jQuery encapsulated into a plug-in
  • Implementation effect is as follows: lightBox

Masonry photo wall —— 图片墙

  • Using Masonry plugin Masonry photo wall

Tooltip —— 标题气泡效果

  • study by imooc course —— 使用css3实现标题气泡效果
  • the use of technology is CSS3
  • Using CSS 3 bubble navigation hover effect funny icon

Guide for the first time —— 首次加载页面新手指引

  • Loading page newbie guide for the first time —— study by imooc course
  • 通过cookies判断是否显示新手指引，需设置cookies过期时间，有js和jq两个版本 GuideForFirstTime

Js Magnify Pic —— js实现淘宝图片部分放大观看效果

  • Js Magnify Pic —— study by imooc course
  • 通过对位置的处理进行图片的显示 JsMagnifyPic

funny icon —— icon图标

  • the use of technology is html、 CSS
  • icon title: funny icon

webSite smooth transition —— 使用css实现网页平滑过渡

  • study by imooc course —— 使用css实现网页平滑过渡
  • Using CSS to realize smooth transition
  • Support page response type realize smooth transition

Image Preloading —— 图片预加载

  • study by imooc course —— 图片预加载
  • Using jQuery encapsulated into a plug-in
  • Included images ordered and unordered preload Masonry photo wall

In layout of structure and style of thinking —— 对布局结构与样式表现的思考

  • 不同结构结合样式显示相同页面效果 Layout Structure

Examination system interface —— 考试系统试题页面

  • Static layout design examination system interface implementation Examination system interface