摘要：
案例：表格隔行变色(鼠标划过背景色恢复) <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { padding: 0; margin: 0; } .wrap { width 阅读全文
摘要：
元素隐藏的不同方式 dispaly, visibility, opacity, height&border 为0 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>title</title> <style> d 阅读全文
摘要：
案例：滚动条 html框架分为4部分，最外面的div, 放文字的div, 装滚动条的div层，以及滚动条本身放在一个div里面 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> 阅读全文
摘要：
案例：高清放大镜 分3步 1. 鼠标进入和离开，显示和隐藏遮挡层和大图div 2. 鼠标在小层上移动，鼠标横纵坐标，为可视区域坐标-遮挡层的宽高，鼠标移动的时候，在一个区域内移动，需要判断和定义下移动区间 3. 在小图移动，对应大图的坐标，用比例来做 a/b =c/d ，a=bc/d 4. 移动设置 阅读全文
摘要：
案例：拖曳对话框 ps: 实际没有要拖曳登录框的需求，只是演示拖曳的这个效果 1. 获取超链接，注册点击事件，显示登陆框和遮挡层 2. 获取关闭，注册点击事件，隐藏登陆框和遮挡层 3. 按下鼠标，移动鼠标，移动登陆框 <!DOCTYPE html> <html> <head lang="en"> < 阅读全文