自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 收藏
  • 关注

原创 禁止弹窗底部页面滑动解决方案整理

弹窗底部内容不可滑动解决方案整理1.如果弹窗内容不可滑动,仅展示方案一:只需要给弹窗蒙层加上 @touchmove.prevent 即可实现,无兼容性问题方案二:在弹窗蒙层加上touch-action:none; 在iPhone5和ipad上可能会没有效果方案三:打开弹窗时,设置body的overflow属性为hidden并阻止默认事件document.body.style.overflow = 'hidden';var fn = function(e){e.preventDefault()

2021-02-17 20:21:42 1997 1

原创 JS使用中文输出当前系统时间

使用js输出当前系统时间,包括年月日星期时分秒,并且用中文显示出来,大概效果如图所示具体实现的代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt...

2019-09-24 20:33:41 1073

原创 js简单运动封装(制作轮播图前准备)

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...

2019-09-05 21:55:31 173

原创 js实现简单的购物车功能

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...

2019-09-03 23:14:14 1347

原创 js事件图片切换

通过实现点击上一张,下一张按钮来切换图片,同时显示图片数量以及当前图片是第几张<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sc...

2019-08-26 22:31:40 903

原创 js简易电子时钟

setInterval计时器做一个简易电子时钟<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>电子时钟</title> <style> body { back...

2019-08-24 09:43:59 1730

原创 js基础练习(三)

14、数组的冒泡排序function f14(){ var array=[12,8,64,92,27,51,30]; for(var i=0;i<=array.length-1;i++){ var isSort=true; for(var j=0;j<=array.length-1-i;j++){ if(arra...

2019-08-22 23:13:20 3031 2

原创 js基础练习(二)

6、某个公司采用公用电话传递数据,数据是四位的整数,在传递过程中是加密的,加密规则如下:每位数字都加上5,然后用除以10的余数代替该数字,再将第一位和第四位交换,第二位和第三位交换,请编写一个函数,传入原文,输出密文function f6(x){ var a=x%10; var b=parseInt(x/10)%10; var c=parseInt(x/100)%10; var d=pa...

2019-08-22 19:40:45 793

原创 js基础练习(一)

js基础练习(一)1、编写一个函数,计算两个数字的和、差、积、商。要求:使用传参的形式function f1(a,b){ console.log("和"+(a+b)+"差"+(a-b)+"积"+(a*b)+"商"+(a/b));}f1(2,4);f1(5,8);2、编写一个函数,计算三个数字的大小,按从小到大顺序输出function f2(a,b,c){ //默认a<b&...

2019-08-22 15:39:57 1175

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除