按钮 | 易学教程

JavaScript自学笔记第2次

阅读更多关于 JavaScript自学笔记第2次

1.上次留下的match的问题，其实就是一个搜索判断，element.src.match("bulbon"),看src中有没有"bulbon"，如果有就把值变为"/i/eg_bulboff.gif"；如果没有就把值变为"/i/eg_bulbon.gif"。这样一来一回，就实现了图片的更替。 2. 改变 HTML 元素的样式。（蓝色是我自己加上去测试的） <!DOCTYPE html> <html> <body> <h1> 我的第一段 JavaScript</h1> <p id="demo"> JavaScript 能改变 HTML 元素的样式。 </p> <script> function myFunction() { x=document.getElementById("demo") // 找到元素 x.style.color="#ff0000"; // 改变样式 } function myFunction2() { x=document.getElementById("demo") // 找到元素 x.style.color="#000000"; // 改变样式 } </script> <button type="button" onclick="myFunction()"> 点击这里 </button> <button type="button" onclick=

前端疑问集合

阅读更多关于前端疑问集合

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript"> window.onload = function () { // 1.textarea标签中的value:提交给服务器的值 var oTarea = document.getElementById("content"); var oLiuyan = document.getElementById("liuyan"); var oFm = document.getElementById('fm'); var oUl = document.createElement("ul"); oFm.parentNode.appendChild(oUl); oLiuyan.onclick = function () { for(i=0;i<2;i++){ var oLi = document.createElement('li'); oLi.innerHTML = 'aaaa'+'<span>X</span>'; oUl.appendChild(oLi); } // oUl.style.display = 'inlineblock'; }; }; </script>

微信小程序踩坑

阅读更多关于微信小程序踩坑

1、利用swiper组件实现滑动选项卡出现的问题:swiper限制高度，默认是150px;ios系统上下滑动会有卡顿解决办法：在swiper子元素swiper - item中使用 < scroll - view scroll - y = "true" style = "height:{{winHeight}}rpx" > //【高度必须设置】 wxss设置：swiper { display : flex ; height : 100 % ; } swiper - item { height : 100 % ; overflow : scroll ; overflow - x : hidden ; } 1 2 3 4 5 6 7 8 9 10 11 12 2、阻止遮罩层下的页面滚动只需要在遮罩层上加上catchtouchmove = 'ture' 需要注意的是：因模拟器无touch事件，需在真机上测试例如： < view class = 'mask' catchtouchmove = 'ture' > < / view > 1 2 3 4 3、微信小程序 image图片组件实现宽度固定高度自适应 < image class = "empty-icon" src = "/pages/image/list-emptyx2.png" mode = "widthFix" > <

如何使用模态框

阅读更多关于如何使用模态框

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> Bootstrap Modals(模态框)是使用定制的Jquery插件创建的，用来创建模态窗口丰富用户体验。页面中的模态框一般分为注册模态框、变更模态框、删除（信息提示）模态框三种基本模态框。以注册模态框为例子，详细介绍。注意：创建模态框需要Jquery、Bootstrap CSS和JavaScript等文件 <script src= "js/jquery-1.11.2.min.js" type= "text/javascript" ></script> <script src= "js/jquery-accordion-menu.js" type= "text/javascript" ></script> <link rel= "stylesheet" type= "text/css" href= "../static/css/bootstrap.css" /> 1.创建注册按钮点击注册按钮注册模态框出现 <button class= "btn btn-primary btn-lg data-toggle= "modal" data-target= "#addAttribute" >新增注册</button> 注：黄色背景色为打开模态框 2．创建注册模态框，模态框前几层div，一定要加上 <div

java实现简单计算器

阅读更多关于 java实现简单计算器

1.概述之前作者写过一篇文章,也是关于计算器的,用的是C++与Qt, 链接在这里这次用java的swing写的(这差距好像有点大,好吧是qt太强了). 先上图: 2.UI 总体布局使用流布局. (1)文本框文本框就一个JPanel里面加一个JTextField. boxField.setLayout(new FlowLayout()); box.setPreferredSize(new Dimension(300, 25)); boxField.add(box); JTextField设置尺寸需要使用setPreferredSize()而不是setSize(). (2)按键按键4*4网格布局,逐个添加button即可. buttonsField.setLayout(new GridLayout(4, 4, 20, 20)); buttonsField.setPreferredSize(new Dimension(300, 300)); buttonsField.add(xxx); //add.... 3.鼠标事件鼠标事件针对button,仔细想一想,单击一个button,然后文本框里面就会有相应的反应,据此添加事件监听. num0.addActionListener(v -> { box.setText(box.getText() + "0"); mainFrame

第九次作业

阅读更多关于第九次作业

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" android:orientation="vertical" tools:context="com.example.mysql3.MainActivity" > <LinearLayout android:layout_marginTop="100dp" android:layout_width="match_parent" android:layout_height

css初始化代码方案

阅读更多关于 css初始化代码方案

　　为了消除各浏览器对css默认的设置，保持网页在各浏览器中的外观保持一致，初始化css就显得非常必要了！很多时候出现的样式不兼容问题，都可以通过css初始化代码来解决。下面列举常用的一些方案： 1.最耗资源的，最简单的 * { padding: 0; margin: 0; border: 0; } 2.选择性初始化举例（综合） body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,legend,button form,fieldset,input,textarea,p,blockquote,th,td { 　　padding: 0; 　　margin: 0; } /* 酌情修改 */ body { background:#fff;color:#333;font-size:12px; margin-top:5px;font-family:"SimSun","宋体","Arial Narrow"; } /* 短引用的内容可取值：''或"" */ q:before,q:after {content:”;} /* 缩写，图片等无边框 */ fieldset,img,abbr,acronym {border: 0 none;} abbr,acronym {font-variant: normal;} legend {color:#000

python期末报告总结

阅读更多关于 python期末报告总结

python期末大报告做了接近两天，结果却不是很好，写个报告总结一下一.技术总结我实现的是一个网络读书网站的书籍下载和书籍阅读系统目标是上面的世界名著模块： 365读书人网站上的世界名著模块书籍的下载用的是多线程爬虫，书籍阅读界面是用GUI完成了一个记事本，登录界面连接数据库进行判断下面是实现的代码： import tkinter import pymysql import re import threading import requests import tkinter.filedialog import tkinter.messagebox import os import codecs import chardet import time global user_et, psw_et, rd_win, text, filename, lg_win, book_url, book_title roort_cate = [' ', '世界名著'] def wr(): wr_tk = tkinter.Tk() wr_tk.title("Error") wr_tk.geometry("250x125+750+400") wr_lb = tkinter.Label(wr_tk, text="不存在该用户或者密码错误", font=("宋体", 10)) wr_lb

Android 扁平化button

阅读更多关于 Android 扁平化button

View 创建 colors.xml 文件定义两个颜色 1. <resources> 2. <color name = "blue_pressed" > @android:color/holo_blue_dark </color> 3. <color name = "blue_normal" > @android:color/holo_blue_light </color> 4. </resources> 我们这里使用android的 HOLO 色调: 1.  2. <color name = "holo_blue_dark" > #ff0099cc </color> 3.  4. <color name = "holo_blue_light" > #ff33b5e5 </color> 创建 dimen.xml 文件，定义圆角值和阴影高度。见下图 1. <resources> 2. <dimen name = "corner_radius" > 4dp </dimen> 3. <dimen name = "layer_padding" > 3dp< <dimen> 4. </resources> 我们用shape来定义button背景

对话框

阅读更多关于对话框

package com.example.myapplication1; import android.app.DatePickerDialog; import android.app.ProgressDialog; import android.app.TimePickerDialog; import android.content.DialogInterface; import android.os.Bundle; import android.view.LayoutInflater; import android.view.View; import android.widget.Button; import android.widget.DatePicker; import android.widget.ImageView; import android.widget.TimePicker; import android.widget.Toast; import androidx.appcompat.app.AlertDialog; import androidx.appcompat.app.AppCompatActivity; import java.util.Calendar; import java.util.Timer; import java.util

订阅按钮