按钮

Jquery操作一遍过

由 Deadly 提交于 2019-12-22 07:42:12
什么是 jQuery 对象？ jQuery 对象就是通过 jQuery 包装 DOM 对象后产生的对象。 jQuery 对象是 jQuery 独有的 . 如果一个对象是 jQuery 对象 , 那么它就可以使用 jQuery 里的方法 : $(“#test”).html(); $("#test").html() //意思是指：获取ID为test的元素内的html代码。其中html()是jQuery里的方法 // 这段代码等同于用DOM实现代码： document.getElementById(" test ").innerHTML; //虽然jQuery对象是包装DOM对象后产生的，但是jQuery无法使用DOM对象的任何方法，同理DOM对象也不能使用jQuery里的方法.乱使用会报错 //约定：如果获取的是 jQuery 对象, 那么要在变量前面加上$. var $variable = jQuery 对象 var variable = DOM 对象 $variable[0]：jquery对象转为dom对象 $("#msg").html(); $("#msg")[0].innerHTML 　　 jquery的基础语法： $(selector).action() 寻找元素(选择器和基本筛选器) 基本选择器 $("*") $("#id") $(".class") $("element"

[CSS]55 CSS Menu And Button Coding Tutorials

由 别来无恙 提交于 2019-12-22 03:14:51
Navigation menus and buttons with CSS styling are being used in almost every website. There are a lot of techniques to utilize and a good developer should have some basic knowledge about them all. Below you will find a lot of tutorials each teaching you something different and appropriate. You will also find quite lot CSS3 tutorials, because CSS3 offered features are being used more and more and you should practise them too. Menus 1. Bulletproof CSS Sliding Doors In this tutorial author shows you solution how to preclude common problems with implementations. 2. CSS Sliding Door Using Only One

layer简单使用

由 自作多情 提交于 2019-12-22 01:38:04
官方： https://www.layui.com/doc/modules/layer.html 源码： https://github.com/xiaostudy/web_sample 效果 目录结构 代码 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <script src="../js/jquery-3.3.1.js"></script> 7 <script src="../js/layer/layer.js"></script> 8 9 <script type="text/javascript"> 10 function msg1() { 11 layer.msg("msg弹窗,默认停留3秒"); 12 } 13 14 function msg2() { 15 layer.msg("msg弹窗,停留2秒", {time: 2000}); 16 } 17 18 function msg3() { 19 layer.msg("msg弹窗,不关闭", {time: -1}); 20 } 21 22 function msg4() { 23 layer.msg("msg弹窗,图标", {icon: 6, time: 2000});/

Jquery

由 谁说我不能喝 提交于 2019-12-21 22:18:08
目录 day01 - jQuery 1.1. jQuery 介绍 1.1.1 JavaScript 库 1.1.2 jQuery的概念 1.1.3 jQuery的优点 1.2. jQuery 的基本使用 1.2.1 jQuery 的下载 1.2.2. 体验jQuery 1.2.3. jQuery的入口函数 1.2.4. jQuery中的顶级对象$ 1.2.5. jQuery 对象和 DOM 对象 1.2.6. jQuery 对象和 DOM 对象转换 1.3. jQuery 选择器 1.3.1. 基础选择器 1.3.2. 层级选择器 1.3.3. 筛选选择器 1.3.4 知识铺垫 1.3.5 案例：淘宝服饰精品案例 1.4. jQuery 样式操作 1.4.1. 方法1: 操作 css 方法 1.4.2. 方法2: 设置类样式方法 1.4.3. 案例：tab 栏切换 1.5. jQuery 效果 1.5.1. 显示隐藏 1.5.2. 滑入滑出 1.5.3 淡入淡出 1.5.4 自定义动画 1.5.5 停止动画排队 1.5.6. 事件切换 1.5.7. 案例：王者荣耀手风琴效果 1.6. 今日总结 day02 - jQuery 1.1. jQuery 属性操作 1.1.1 元素固有属性值 prop() 1.1.2 元素自定义属性值 attr() 1.1.3 数据缓存 data() 1

android开发 include如何获取内部控件

由 跟風遠走 提交于 2019-12-21 16:37:07
include获取内部控件代码： sublayout.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="wrap_content" android:background="#505050" > <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="SubLayout" /> <Button android:id="@+id/mybutton" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text=" A Button " /> </LinearLayout> mail.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout

AHCI驱动安装

由 廉价感情. 提交于 2019-12-21 14:08:59
目 录 第 1 章 Windows XP 1 1.1 更新驱动 1 第 2 章 Windows 7 7 2.1 修改注册表 7 2.2 更新驱动 7 第 1 章 Windows XP 1.1 更新驱动 设备管理器中，查看 IDE ATA/ATAPI 控制器。笔者电脑有两个硬盘，因此有 Intel(R) 7 Series/C216 Chipset Family 2 port Serial ATA Storage Controller – 1E08 、 Intel(R) 7 Series/C216 Chipset Family 4 port Serial ATA Storage Controller – 1E00 两个硬件。 鼠标右键单击第二个硬件，弹出菜单中单击【更新驱动程序】菜单项： 下图中，请选择"从列表或指定位置安装（高级）"，然后单击"下一步"按钮。 下图中，请选择"不要搜索。我要自己选择安装的驱动程序"，单击"下一步"按钮。 下图中，请单击"从磁盘安装" 下图中，请单击"浏览"按钮。选择驱动光盘上的 Drivers\RAID\Driver\32bit\iaAHCI.inf 文件（笔者的主板为华硕 P8Z77-V LX ）。然后单击"确定"按钮。 下图中，请选择正确的 AHCI 驱动。待更新的硬件为 Intel(R) 7 Series/C216 Chipset Family

LayoutInflate

由 孤者浪人 提交于 2019-12-21 11:35:34
LayoutInflate主要用于加载布局，包括在Activity中调用setContentView()，方法内部其实也是用LayoutInflate来实现的。 基本用法： 两句语句都可以获取到LayoutInflater的实例 //两种初始化方式 LayoutInflater inflater = LayoutInflater.from(this); // LayoutInflater inflater1 = (LayoutInflater) this.getSystemService(Context.LAYOUT_INFLATER_SERVICE); 1 2 3 因为在源码里，from就是一个系统封装好的方法，里面用了context.getSystemService…… 调用他的inflate方法加载布局 inflate()方法一般接收两个参数，第一个参数就是要加载的布局id，第二个参数是指给该布局的外部再嵌套一层父布局，如果不需要就直接传null。 这样就成功成功创建了一个布局的实例，之后再将它添加到指定的位置就可以显示出来了。 inflater.inflate(resourceId, root); 1 举个栗子： activity_main.xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res

Android布局之相对布局——RelativeLayout

由 [亡魂溺海] 提交于 2019-12-21 09:23:30
此博文主要是相对布局xml属性的解析及实例。 android:layout_above :此 控件底部 的边缘位于设定ID控件的上方 <Button android:id="@+id/btn1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="hello " android:layout_above="@+id/btn2" />　　　　//<<<<------ <Button android:id="@+id/btn2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="world" android:layout_centerVertical="true" android:layout_alignParentLeft="true" android:layout_alignParentStart="true" /> 显示结果： 　　　　 android:layout_below :此 控件 顶部 的边缘位于设定ID控件的下方 <Button android:id="@+id/btn1" android:layout_width="wrap

vue scss 一键更换主题色，字体等页面等页面大体样式

由 妖精的绣舞 提交于 2019-12-21 05:18:55
主要采用scss 编程式思想实现 以上文件从上到下进行说明 _variables.scss 文件主要写主题色 字体边框等变量 内容如下： ————————————————————————————————————————————————— // colors $colors: ( // 主题色 'primary': #0066ff, "header-bg":#fff, "header-text":#000, 'pages-bg': #f6f7fb, 'border-color': #f2f2f2, 'page-bottom': #d4d9de, 'status-color': #c3672c, 'info': #4b67af, 'danger': #791a15, 'blue-1': #1f3695, 'blue': #1e78ff, 'gree': #07c160, 'white': #fff, 'white-1': #fcfcfc, 'white-2': #eceef0, 'light': #f9f9f9, 'light-1': #d4d9de, 'grey': #808080, 'grey-1': #666, 'dark-1': #343440, 'dark': #222, 'black': #212121, 'end': #fcb102, //warrary 页面steps

css reset

由 两盒软妹~` 提交于 2019-12-21 01:48:48
@charset "utf-8" ; * { -webkit-box-sizing : border-box ; box-sizing : border-box ; } /**,*:before,*:after{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;max-height: 100000px;}*/ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin : 0 ; padding : 0 ; } html,body,input, select, textarea /* for ie */ { font : 14px Microsoft YaHei, "宋体" , arial,-apple-system, "PingFang SC" , "Helvetica Neue"
订阅 按钮