js弹出框，点击切换事件，jQuery改变一部分css样式

文章目录

js，声明变量注意点
js弹出框
js、flag=0的使用
js，隐藏样式
jquery改变css样式

js，声明变量注意点

  <script>// 声明多个变量 var age=18,addresss='火影忍者',gz=2000;// 只声明不赋值结果是'undefined'var sex;console.log(sex);//undefined// 不声明，不赋值直接使用某个变量会报错;console.log(tel);// 不声明直接赋值在js中可以执行     qq=110;console.log(qq);    // name具有特殊含义，尽量不要使用name作为变量名console.log(name);//可执行，不报错// 变量声明不可有空格// var q q=2;
</script>

js弹出框

弹出框的字符类型为字符串，注意后来使用函数方法，比如说加减的函数

警告框

<button onclick="myFunction()">试一试</button>
<script>
function myFunction() {alert("我是一个警告框！");
}
</script>

弹出框

 window.prompt("sometext","defaultText");

提示框

  window.confirm("sometext");

js、flag=0的使用

现在写的是当点击图片时来回会切换图片：

  <div class="night"><img src="img/night.svg" id="wanshang"></div><script>var wan = document.getElementById('wanshang')var flag = 0;wan.onclick = function () {if (flag == 0) {wan.src = "img/night.svg";                           flag = 1;} else {wan.src = 'img/sun.svg';flag = 0;}}</script>

js，隐藏样式

但是要注意，当你点击按钮时，会隐藏文本，且按钮也会消失不见
注意是class=“box3”的div -webkit-appearance: none;改变系统按钮样式

  <div class="box3"><input type="checkbox" class="xuan">BUG反馈，沟通交流：WX：ChenAiLJX QQ：2041909905</div><script>var xu = document.querySelector('.xuan');var box3 = document.querySelector('.box3');xu.onclick = function () {box3.style.display = 'none';}</script>

jquery改变css样式

注意点：

默认情况下，所有 HTML 元素的位置都是静态的，并且无法移动。如需对位置进行操作，记得首先把元素的 CSS position 属性设置为 relative、fixed 或 absolute。
注释：CSS 样式使用 DOM 名称（比如 “fontSize”）即驼峰式书写方式来设置，而非 CSS 名称（比如 “font-size”）。
speed:毫秒，"slow","normal","fast"
easing:swing,liner。

  $(".btn1").click(function () {$(".four").animate({ height: "400px" });$(".btn2").click(function () {$(".four").animate({ width: "400px" });});});$(".btn3").click(function () {$(".div1").animate({left: '200px',opacity: '0.5',height: '+=150px',width: '+=150px'});});

js弹出框，点击切换事件，jQuery改变一部分css样式相关推荐

php点击文字弹出js提示框,js弹出框、对话框、提示框、弹窗实现方法总结(推荐)...
一.JS的三种最常见的对话框 //====================== JS最常用三种弹出对话框 ======================== //弹出对话框并输出一段提示信息 funct ...
vue点击input框出现弹窗_vue组件实现弹出框点击显示隐藏效果
本文实例为大家分享了vue实现弹出框点击显示隐藏的具体代码,供大家参考,具体内容如下效果如下图由于我的更改密码弹出框是一个组件引用的,所以在一开始是隐藏的,这就需要在当前的页面上对弹出框组件设置v ...
jquery 左右移动以及使用layer.js弹出框呈现在页面上
今天写了一个左右移动但是发现自己写的css效果一直都加不上去,不管了,还是先上自己有问题的代码,毕竟在失败中发现问题也是一种成长么. 好吧,其实我们都知道在列表有边框里,它的值来源于左边框,那么如果 ...
popup弹出html页面,Popup弹出框绑定添加数据事件（步奏详解）
这次给大家带来Popup弹出框绑定添加数据事件(步奏详解),Popup弹出框绑定添加数据事件的注意事项有哪些,下面就是实战案例,一起来看一下. 逻辑窗口P1中显示一组数据,并提供一个添加按钮点击按 ...
vue 组件弹出框点击显示隐藏
本案实现的效果如下图由于我的更改密码弹出框是一个组件引用的,所以在一开始是隐藏的,这就需要在当前的页面上对弹出框组件设置v-show,但是在弹出框显示出来的时候,操作执行完后当前页面的更改按钮已经被 ...
js 弹出框背景不滑动方案
这是一个系列,记录我前端开发常用的代码,小常识,有些是参考网上代码,(讲的可能有点烂,求不要打脸,嘤嘤嘤~~)送给那些需要的人.可以相互交流,喜欢的加我吧. Wx: Lxp911221 js 弹出框 ...
vue组件弹出框点击显示隐藏
1. vue组件弹出框点击显示隐藏转载于:https://www.cnblogs.com/knuzy/p/9525852.html
原生js 弹出框;弹出效果定时关闭
关于原生js的弹出框样式淡出淡入效果; <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> ...
如何妥善处理WebBrowser对Javascript的错误问题，阻止JS弹出框，提高用户体验（原创）...
由于项目需求,最近转战客户端,开始搞浏览器开发.众所周知,现在在微软平台上开发浏览器,最常用的方法就是扩展Webbrowser,但是首先要清楚的是,WebBrowser控件仅仅是对WebBrowser ...

js弹出框，点击切换事件，jQuery改变一部分css样式

文章目录

js，声明变量注意点

js弹出框

js、flag=0的使用

js，隐藏样式

jquery改变css样式

js弹出框，点击切换事件，jQuery改变一部分css样式相关推荐

最新文章

热门文章