mardins-CSDN博客

原创日历表的jq简单写法

日历的表格简单的写法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * {

2020-07-02 15:18:03 233

网页中tap面板和选项的卡的使用成了网站的必备的效果，之前我们写过一个复杂的面向对象的选项卡，今天就写一个简单jq的选项卡。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc

2020-06-30 09:10:51 373

原创 jq和icon矢量字的运用

在豆瓣和手机app商城中经常会遇到评星级的一个操作。那下面我们就用jq简单的写一个滑动点亮星星的效果，当然也复习一下之前的icon的矢量图的使用。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t

2020-06-30 09:01:09 250

原创 jq的方法写一个轮播特写

在网页中轮播是经常遇到大页面效果之一，在平时都是使用组件直接调用。但是其实用jq写的话企事业很简单。代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l

2020-06-30 08:51:22 78

原创关于滚轮滑动的js效果

关于滚轮滑动的js效果实现要求：在右侧不显示滚动条，其次在使用鼠标滚动的时候页面中的模块是匀速向下或者向上；首先写一下基本的网页布局： <style> * { margin: 0; padding: 0; } body { height: 100vh; overflow: hidden; } .containe

2020-06-26 09:41:25 768

原创于滑动滚动条的效果

关于滑动滚动条的效果实现效果：下拉滚动条时，上面的会有进度条，页面到底上部的滚动条也会到头；首先先写个基本布局： <style> * { margin: 0; padding: 0; } .progressbar { height: 3px; background: skyblue; position: fixed;

2020-06-26 09:35:43 185

原创关于网页中音乐播放的进度条的js效果

关于网页中音乐播放的进度条的js效果音乐的时间读取和读条效果首先先来简单的写一下进度条的样式 <style> * { margin: 0; padding: 0; } .container { height: 10px; width: 400px; background: #666; margin:

2020-06-26 09:25:09 971

原创 js的小练习

关于时间的小练习我们用字符串的方式获取现在是星期几？ 1. let now= new Date() 2. let week= now.getDay() 3. let str='日一二三四五六'[week] 4. console.log('今天星期'+str) 我们可以将上面的代码进一步封装一下： 1. function getweeks(){ 2. let now= new Date() 3. return '今天星期'+'日一二三四五六'[week]

2020-06-23 08:31:05 154

原创关于js操作DOM的内置对象运用的小练习

写一个鼠标点击页面任意位置生成一个div 思路1：首先是在在window的onclick的事件中创建一个div给文档思路2：给这个div添加一个类思路3：获取鼠标的坐标思路4：将创建的div添加到body中当然要简单的设置一下div的样式给个背景颜色和宽高和绝对绝对定位。当然你也可以让它变有点意思，让它随机左右斜线动起来给它一个随机随机整数0或者1 再给一个定时器：在定时器中做个判断如果为0那x就-10px；否则就+10px，并将y的值固定为每次-10px。最后将x和y的值付给

2020-06-22 15:40:35 113

原创关于Cookie的设置、读取、删除的封装

关于Cookie的设置、读取、删除的封装 Cookie简单的来说就是缓存的数据，方便下次的快速使用。 Cookie设置的封装：当然也可以用，模板字符串写： Cookie获取的封装： Cookie删除的封装：当然删除就是设置当前的日期的上一个时间段所以写一个方法调用setCookie的方法： ...

2020-06-22 15:00:31 93

原创关于语法糖的写法

关于语法糖的写法语法糖就是在不改变其所在位置的语法结构的前提下，实现了运行时的等价。之所以叫糖就是代码更简洁流畅，代码更语义自然…写着爽，看着爽，就像吃了糖。最经常用的地方就是判断语句：最一开始的我们这样写使用语法糖写法：这种写法就是运用了&& 运算符的特性，因为&&的特性是假如第一个为真，才会继续向下执行。 ...

2020-06-22 14:43:25 330

mardins的博客