不要把<a href="">当作按钮用

代码如下: <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"> </script> <script> $(document).ready(function(){ $("#list").click(function(){ $("#fm").submit(); }); }); </script> <a…

bootstrap按钮对应链接:http://v3.bootcss.com/css/#buttons 使用时添加基础类class:btn 默认样式class=btn-default,控制大小class=btn-(lg | sm | xs),没有btn-md,默认即为中等大小一些简单的demo以及demo效果如下所示 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" c…

ie6下按钮下边框消失不显示的问题

最近网站做改版,又发现一个ie6奇葩的问题,就一个很普通带边框的按钮,但在ie6中下边框不显示,ie7没有测试不知道是不是也不显示,其他浏览器正常代码和预览效果如下: <style> body{ font-size:12px; font-family:tahoma,arial,verdana,\5b8b\4f53,sans-serif; color:#666;} .btn{ display:inline-block; line-height:23px; padding:0 10px; bor…

小强的HTML5移动开发之路（44）——JqueryMobile中的按钮

一.链接按钮 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>jQuery Mobile Web 应用程序</title> <link href="jquery-mobile/jquery.mobile-1.0.min.css" rel="stylesheet" type="text/cs…

css点击按钮，依次动态展开面板动画效果

<a href="#one">按钮1</a> <a href="#two">按钮2</a> <a href='#three'>按钮3</a> <main> <div id="one">所有主流浏览器均支持 :target 选择器,除了 IE8 及更早的版本.</div> <div id="two">URL 带…

JS结合a标签的使用

a标签可以当作按钮使用,也可以当作连接. <a href=javascript:test(5)>弹出5</a> 会直接调用JS函数(注意中间没引号) <a href="javascript:test(5)">弹出5</a> 会直接调用JS函数(注意中间有引号) 等价于 <a href="javascript:void(0)" onclick="test(6)">弹出6<…

9_bootstrap less 移动端

chrome,firefox提供了"Device Emulation"功能,可模拟常见的各种浏览设备 android ADT或ios Xcode附带的设备模拟器,或第三方在线测试工具www.browerstack.com Responsive Web Design:响应式/自适应网页设计流式网格布局(Fluid:流式): 可伸缩的图片/文字 CSS3 Media Query技术,根据浏览设备的宽高调用不同的css ①允许用户缩放:head内声明viewport <head>…

js 的小效果---->选项卡

js选项卡 <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> #box1 { width: 300px; height: 300px; margin: 100px auto; border: #000 2px solid; font-family: "微软雅黑&q…

css3特效

<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title></title> <style type="text/css"> @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform:…

boostrap---btn

bootstrap入门教程,按钮.按钮风格.下拉菜单等本教程演示: bootstrap框架的按钮.按钮大小.按钮风格.按钮组.下拉菜单制作等. 使用的版本:Bootstrap v2.3.2 . 下面是页面的截图: 示例代码很简单,后面会贴出完整代码. 这些东西很简单,就简单说几个要点吧: class='btn' ,使用了btn这个class类名,bootstrap自动给给你加上按钮的样式: btn-small.btn-large等,可以控制按钮的大小: btn-primary .btn-d…

JFrame图形界面 ----鼠标消息

#开始不管是什么GUI 按钮的存在都是必不可少的而且还会有很多奇怪的按钮 #代码 package window; import java.awt.Container; import java.awt.event.MouseAdapter; import java.awt.event.MouseEvent; import javax.swing.JButton; import javax.swing.JFrame; import javax.swing.JLabel; public class…

24, CSS 构造超链接

1. 超链接边框 2. 派生超链接 3. 属性选择器超链接 4. 动态超链接 5. 图像翻转超链接 6. CSS 工具提示 1.给链接加上边框 A:link { Color: #f00; Text-decoration: none; Border-bottom: 1px dashed #333; Line-height: 150%; } 2.在文章段落中加上超级链接 A:link { Color: #f00; Text-decoration: none; Border: 1px solid #3…

JavaScript基础视频教程总结（131-140章）

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>131-140章总结</title> </head> <body> <pre> 131. 定时器的应用1 </pre> <style type="text/css"> #box1 { width: 100px; h…

vue.js的项目实战

欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~ 本文由蔡述雄发表于云+社区专栏需求背景组件库是做UI和前端日常需求中经常用到的,把一个按钮,导航,列表之类的元素封装起来,方便日常使用,调用方法只需直接写上或者这样的代码就可以,是不是很方便呢,接下来我们将要完成以下页面: 这是我们组件库的首页,包含三个子页面,按钮页面.列表页面.导航页面:点击进去子页面会由路由来配置.先看我们的目录结构: pages目录存放我们的页面,包括首页和三个子页面:components目录存放我们的具体组…

前端 HTML body标签相关内容常用标签超链接标签 a标签

超链接标签 <a> 超级链接<a>标记代表一个链接点,是英文anchor(锚点)的简写.它的作用是把当前位置的文本或图片连接到其他的页面.文本或图像,也可以是相同网页上的不同位置. a标签属于行内标签: 在一行内显示 href属性:目标URL <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-…

UI自动化（一）html基础

前端的三把利器 HTML:赤裸的一个人 CSS:华丽的衣服 JS/JavaScript:赋予这个人的行为,也就是动起来 DOM 就是将页面变成可操 HTML(超文本标记语言) html代码实际上就是一套能够被浏览器所识别的规则代码,由一个个标签组成.html代码就是一大长串字符串,而这种字符串的格式正好能够被浏览器所识别,也就有了我们的WEB页面. <!DOCTYPE html><html lang="…

包学会之浅入浅出Vue.js：升学篇

包学会之浅入浅出Vue.js:升学篇蔡述雄,现腾讯用户体验设计部QQ空间高级UI工程师.智图图片优化系统首席工程师,曾参与<众妙之门>书籍的翻译工作.目前专注前端图片优化与新技术的探研. 上一篇<包学会之浅入浅出Vue.js:开学篇>中,我们初步了解单页面组件这个概念,现在通过一个项目,来进一步解析组件的应用吧,Go~ 需求背景组件库是做UI和前端日常需求中经常用到的,把一个按钮,导航,列表之类的元素封装起来,方便日常使用,调用方法只需直接写上<qui-button>…

【转】Win10/UWP新特性系列—Web

Internet Explorer Internet Explorer 在Windows 10 升级为Edge模式,是一种交互性和兼容性都很强的新型浏览器,该浏览器相比以前的版本更新了超过2000个操作性问题,支持20个新平台特性来促进交互性和兼容性.详情: http://blogs.msdn.com/b/ie/archive/2014/11/11/living-on-the-edge-our-next-step-in-interoperability.aspx WebView Edge mod…

NGUI之Toggle实现单选框

一:使用步骤——创建一个checkboxes 1.首先在UI Root下建立一个Sprite,设置一张贴图,当作按钮的背景. 然后为其添加碰撞组件和Toggle组件 2.为第一个Sprite建立一个子Sprite,设置一张图片,当作选中的标识. 将其调整到适当的位置. 3.选择第一个Sprite的UIToggle组件为State Transition中的Sprite设置对象,即刚才添加的子Sprite. 以上便创建了一个checkboxes. 二:创建一个radio button groups…

angularjs路由不断刷新当前页面

最近做项目遇到个问题,使用angular-route的时候,第一次点击 [按钮 a]会进入按钮a对应的控制器,接着再次点击a按钮的的时候就不会进入控制器了.我想要的效果是每次点击都能进入controller去处理. <div ng-controller="myCtrl"> <ul> <li><a href="#/a">按钮 a</a></li> <li><a href=&quo…

Unity3D学习笔记——NGUI之UIToggle

UIToggle:切换,从名字就能知道这个组件能做什么.这个组件有两种状态ON/OFF.可以用于创建checkboxes, tabs, radio button groups. 效果展示: 一:使用步骤——创建一个checkboxes 1.首先在UI Root下建立一个Sprite,设置一张贴图,当作按钮的背景. 然后为其添加碰撞组件和Toggle组件 2.为第一个Sprite建立一个子Sprite,设置一张图片,当作选中的标识. 将其调整到适当的位置. 3.选择第一个Sprite的UITogg…

WebElement接口获取值

通过WebElement接口获取值 size 获取元素的尺寸 text 获取元素的文本 get_attribute(name) 获取属性值 location 获取元素坐标,先找到要获取的元素,再调用该方法 page_source 返回页面源码 driver.title 返回页面标题 current_url 获取当前页面的URL is_displayde() 判断该元素是否可见 is_enabled() 判断元素是否被使用 is_selected() 判断元素是否被选中 tag_name 返回元素…

渐变背景（background）效果

chrom and Safari浏览器: webkit核心的浏览器.使用CSS3渐变方法(css-gradient) -webkit-gradient(type, start_point, end_point, / stop...) -webkit-gradient(type, inner_center, inner_radius, outer_center, outer_radius, / stop...) background: -webkit-gradient(linear,0 0,0 1…

React的jsx语法，详细介绍和使用方法！

jsx语法一种混合使用html及javascript语法的代码在js中遇到<xx>即开始html语法遇到</xx>则结束html语法恢复成js语法例如: let Dom = <a href="javascript:;">按钮</a> 在html的范围内若想使用js 则用 "{}" 将js代码括起来即可例如: let url = "https://www.baidu.com" let…

测开之路一百零六：bootstrap布局

可以在html的head里面加一些说明 <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> 引入bootstrap和…

topjui.common.js

function getTabWindow() { var curTabWin = null; if (topJUI.config.aloneUse) { curTabWin = window; } else { var curTab = parent.$('#index_tabs').tabs('getSelected'); // var curTab = $('#index_tabs').tabs('getSelected'); ) { curTabWin = curTab.find(].c…