JavaScript - 随笔分类 - 安然（o'~'o）

摘要：实现的效果为：当选择一个省的时候，会自动出现该省下的市级效果图如下：阅读全文

posted @ 2018-12-27 20:30 安然（o'~'o）阅读(218) 评论(0) 推荐(0)

摘要：下列实例是将轮播图所需要的图片封装在一个数组里，通过遍历实现图片的循环播放，并通过setInterval函数控制时间间隔。 HTML布局如下： CSS布局如下： JS代码如下：阅读全文

posted @ 2018-12-24 22:50 安然（o'~'o）阅读(734) 评论(0) 推荐(0)

摘要：JS实现小图放大轮播页面效果入下（图片为优行商旅页面照片）：实现效果：图片自动轮播，鼠标移入停止，移出继续轮播点击下方小图可以实现切换步骤一：建立HTML布局，具体如下：其中div为图片轮播区域，li用于放置小图步骤二：CSS布局通过定位使小图显示在下方，此时轮播区域显示的为第一张图片步阅读全文

posted @ 2018-12-14 21:40 安然（o'~'o）阅读(4229) 评论(0) 推荐(0)

JS实现图片放大镜

摘要：将一个小图放置在一个小盒子里，当鼠标在小盒子里移动时，出现一个移动块，右侧出现一个大盒子，显示出小盒子中移动块所在区域的等比例放大的图片内容。需要实现的效果如下：基本实现思路为：右侧大盒子为一个可视区域，有左侧小盒子中的图片的等比例放大图片，通过计算图片需要移动的距离来显示出想要放大的内容，超出部阅读全文

posted @ 2018-12-14 21:04 安然（o'~'o）阅读(3692) 评论(1) 推荐(0)

JavaScript基本概念

摘要：一、JavaScript是一种专为与网页交互而设计的脚本语言，由下列三个不同的部分组成： ECMAScript，由ECMA-262定义，提供核心语言功能文档对象模型（DOM），提供访问和操作网页内容的方法和接口浏览器对象模型（BOM），提供与浏览器交互的方法和接口二、标识符所谓标识符，就是指阅读全文

posted @ 2018-12-09 20:45 安然（o'~'o）阅读(219) 评论(0) 推荐(0)

使用JavaScript脚本控制媒体播放（顺序播放和随机播放）

摘要：在JavaScript脚本中获取<audio.../>元素对应的对象为HTMLAudioElement对象，<video.../>元素对应的对象为HTMLVideoElement对象。 HTMLAudioElement对象和HTMLVideoElement对象支持的方法有如下几个： play()：播阅读全文

posted @ 2018-11-09 18:14 安然（o'~'o）阅读(3028) 评论(0) 推荐(0)

随笔分类 - JavaScript