运动
关注
分享
扫一扫
sweetllh
不疯癫，不成魔
展开
-
js实现图片淡入淡出
效果：鼠标移入时，图片由半透明逐渐变成清晰，移出时，由清晰变为半透明分析：用变量来储存透明度，因为元素.style.alpha不能直接增加或减少代码中另附有一个设置元素透明度的方法, 是按IE规则(0~100)设置, 若改成标准设置方法(0.00~1.00)<!DOCTYPE html><html> <head> <meta charset="utf-8" />原创 2017-04-25 19:11:10 · 2732 阅读 · 0 评论 -
js实现按钮控制图片向左、向右、向上、向下无缝轮播
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>向左、向右、向上、向下无缝滚动</title> <style type="text/css"> *{ padding: 0; marg原创 2017-04-21 17:24:23 · 2591 阅读 · 0 评论 -
js实现图片无缝向左轮播
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title><style> *{margin: 0;padding: 0;} ul, li{list-style: none;} .js-mask{width: 198px;height: 132px;borde原创 2017-04-20 22:21:39 · 3262 阅读 · 1 评论 -
js实现简单的动画（游动的鱼）
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0; padding: 0; }原创 2017-04-20 00:14:43 · 5334 阅读 · 0 评论 -
js实现简单的动画（4个按钮控制图片上下左右移动）
第一种写法，比较原始，没有精简的代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>小圆上下左右移动</title> <style> *{ margin: 0; padding: 0; }原创 2017-04-19 18:11:33 · 10726 阅读 · 0 评论 -
js 实现简单的动画效果（小圆移动）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>animation</title> <style type="text/css" media="screen"> *{ padding: 0; margin: 0;原创 2017-04-18 18:36:40 · 3465 阅读 · 1 评论 -
js实现页面动态时间，滚动效果（年月日，小时、分钟、秒，星期，毫秒）
年月日放在一个div里面；小时、分钟、秒放在一个div里面；星期放在一个div里面；毫秒放在一个div里面。 因为它们的时间设置不同或img类不同html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js制作一个动态页面时间，滚动效果</title> <style type原创 2017-04-19 23:03:08 · 6378 阅读 · 1 评论