精华内容
下载资源
问答
  • html问题给按钮加链接

    2014-05-10 06:06:20
    > ($alipayConfig.open eq 0) OR ($totalProductFee lt 0.1)">保存保存并付款</if>" /> 怎么让 保存并付款这个 按钮 跳转到 index.html 这个页面
  • CSS 按钮链接

    2018-02-21 22:11:34
    尤其是希望有特大点击区域的链接,比如制作主导航链接、手风琴菜单、按钮链接时,默认的链接更是无能为力,而按钮链接便可担此重任。CSS 链接默认是行内元素,只能通过链接文本来激活链接。要想让链接按钮一样...

    在任何浏览器下,默认的链接都太过平淡,不能满足大多数人的需求。尤其是希望有特大点击区域的链接,比如制作主导航链接、手风琴菜单、按钮等链接时,默认的链接更是无能为力,而按钮式链接便可担此重任。

    链接默认是行内元素,只能通过链接文本来激活链接。要想让链接像按钮一样,较大的点击区域,其实很简单。只需为链接添加合适的内边距,并设置类似按钮的背景和边框即可。

    1. a  {
    2.     padding: 10px 18px;
    3.     color: #fff;
    4.     font-size: 14px;
    5.     font-weight: bold;
    6.     border-radius: 4px;
    7.     background: #f74c4c;
    8.     text-decoration: none;
    9. }

    运行结果如图 6‑1 所示:

    按钮式链接图6-1 按钮式链接

    为了提高页面的可访问性,跟普通超链接一样,也要为按钮式链接定义其他两个状态下的样式,一个是鼠标悬停和获取焦点的状态,一个是激活状态。

    1. a:hover,  a:focus {
    2.     background: #f14b00;
    3. }
    4. a:active  {
    5.     background: #f1004b;
    6. }

    对于简单的按钮,修改背景颜色就很合适,但对于比较复杂的按钮,可能需要使用背景图像。一般需要 3 个图像,一个用于默认状态,一个用于鼠标悬停和获取焦点的状态,一个用于激活状态。然后,为不同的状态应用不同的背景,就可以让不同状态下的链接,具有不同的风格。

    关于作者

    歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》,并全部在 GitHub 上开源。

    展开全文
  • 如何给按钮加上链接功能

    千次阅读 2009-10-16 11:47:00
    脚本说明: 把如下代码加入区域中 按钮链接乾坤... 1、按钮做成链接(图片)的样子 提交按钮 提交链接提交 重置按钮 重置链接重置 普通按钮 普通链接链接 至于图片也一样把a标签换成img 2、链接做成按钮的样子 注册 => --
    脚本说明:
    把如下代码加入<body>区域中
    <INPUT TYPE="submit" value="建站资源网" οnclick="location.href='http://www.jzzy.com'">


    按钮链接乾坤大挪移  
    作为一个小技巧,暂时归类到ASP中。
    在设计网站的时,我们可能会想把链接做成按钮的样子,按钮做成链接的样子。下面说一下我的方法。
    1、按钮做成链接(图片)的样子
    提交按钮<input type="submit" value="提交">
    提交链接<a href="#" οnclick="表单名字.submit()">提交</a>
    重置按钮<input type="reset" value="重置">
    重置链接<a href="#" οnclick="表单名字.reset()">重置</a>
    普通按钮<input type="button" value="按钮" οnclick="函数()">
    普通链接<a href="#" οnclick="函数()">链接</a>
    至于图片也一样把a标签换成img
    2、链接做成按钮的样子
    <a href="reg.asp">注册</a>
    =><input type="button" value="注册" οnclick="location.href='reg.asp'">
    -----------------------------------
    有的时候我们完全可以手工做一个get方式的表单,至于用按钮还是链接随心所欲。
    <form action="xx.asp" method="get" name="form1">
      <input name="aa" type="text" id="aa">
      <input name="bb" type="text" id="bb">
      <input type="submit" name="Submit" value="提交">
    </form>
    =>
    <input name="aa" type="text" id="aa">
    <input name="bb" type="text" id="bb">
    <input type="button" value="按钮" οnclick="location.href='xx.asp?aa='+document.all['aa'].value+'&bb='+document.all['bb'].value">
    -----------------------------------
    进一步说我们还可以做一个按钮(链接)来同时传递js变量,表单input的值,asp变量,Recordset值
    <script language="javascript">
    var id1=1;
    </script>
    <%
    id3=3
    ....
    rs.open exec,conn,1,1
    假设有rs("id4")=4
    ...
    %>
    <input name="id2" type="text" id="id2" value="2">
    <input type="button" value="按钮"
    οnclick="location.href='xx.asp?id1='+id1+'&id2='+document.all['id2'].value+'&id3=<%=id3%>&id4=<%=rs("id4")%>'">
    我们按下按钮会看到浏览器的url是xx.asp?id1=1&id2=2&id3=3&id4=4
    在xx.asp中我们就可以用request.querystring来得到所有变量,这样是不是变相的客户端js和服务器段的变量传递?
    ------------------------------------------------------------------------------------------------------------------------------
    如何给按钮加上链接功能


    解决思路:
    按钮属于控件级的对象,优先级比较高,所以不能象图片或文本一样直接加链接,只能通过按钮的单击事件调用脚本的方式来实现。
    具体步骤:
        1.在原窗口打开链接
        <input type="button"   value="闪吧" onClick="location=’http://www.flash8.net’">
        <button onClick="location.href=’http://www.flash8.net’">闪吧</button>
        <form action="http://www.flash8.net"><input type="submit" value="打开链接"></form>
        2.在新窗口中打开链接
        <input type="button"  
    value="闪吧" onClick="window.open(’http://www.flash8.net’)">
        <button onClick="window.open(’http://www.flash8.net’)">闪吧</button>
        <form action="http://www.flash8.net"  
    target="_blank"><input type="submit" value="打开链接"></form>
    注意:onClick调用的代码里的引号在只有一重时可以单双嵌套,超过两重就必须用"/"号转义且转义的引号必须跟里层的引号一致,如:
    <button onClick="this.innerHTML=’<font color=/’red/’>http://www.flash8.net</font>’">闪吧</button>

    <button onClick=’this.innerHTML="<font color=/"red/">http://www.flash8.net</font>"’>闪吧</button>
    而下面都是错误的写法:
    <button onClick="this.innerHTML=’<font color=’red’>http://www.flash8.net</font>’">闪吧</button>
    <button onClick="this.innerHTML=’<font color="red">http://www.flash8.net</font>’">闪吧</button>
    <button onClick="this.innerHTML=’<font color=/"red/">http://www.flash8.net</font>’">闪吧</button>
    提示:大部分属于window或document对象的方法和属性都可以省略前缀window或document,比如说本例中的location.href(location.href又可以简写为location,因为location的默认对象为href)就是window.location.href或document.location.href的省略式写法。
    技巧:本例中还可以用下面的方法来代替location.href
    location.replace(url)
    location.assign(url)
    navigate(url)
    特别提示
    第一步中的代码运行后,单击按钮将跳转到链接目标。而第二步的在单击按钮后将在新窗口中打开链接。
    特别说明

    本例主要是通过用onClick捕获用户在按钮上的单击事件,然后调用location对象的href方法或window对象的open方法来打开链接。另外一个技巧是通过提交表单来实现链接功能,按钮必须是type=submit类型的按钮,表单的action值就是链接目标,target值就是链接打开的目标方式。
    展开全文
  • 如何给按钮加上链接功能

    千次阅读 2006-07-14 14:49:00
    解决思路: 按钮属于控件级的对象,优先级比较高,所以不能象图片或文本一样直接加链接,只能通过按钮的单击事件调用脚本的方式来实现。 具体步骤: 1.在原窗口打开链接 value="闪吧" onClick="location=’...
    解决思路
    按钮属于控件级的对象,优先级比较高,所以不能象图片或文本一样直接加链接,只能通过按钮的单击事件调用脚本的方式来实现。
    具体步骤
        1.在原窗口打开链接

        <input type="button" 
    value="闪吧" onClick="location=’http://www.flash8.net’">
        <button onClick="location.href=’http://www.flash8.net’">闪吧</button>
        <form action="http://www.flash8.net"><input type="submit" value="打开链接"></form>

        2.在新窗口中打开链接

        <input type="button" 
    value="闪吧" onClick="window.open(’http://www.flash8.net’)">
        <button onClick="window.open(’http://www.flash8.net’)">闪吧</button>
        <form action="http://www.flash8.net" 
    target="_blank"><input type="submit" value="打开链接"></form>

    注意:onClick调用的代码里的引号在只有一重时可以单双嵌套,超过两重就必须用"/"号转义且转义的引号必须跟里层的引号一致,如:

    <button onClick="this.innerHTML=’<font color=/’red/’>http://www.flash8.net</font>’">闪吧</button>



    <button onClick=’this.innerHTML="<font color=/"red/">http://www.flash8.net</font>"’>闪吧</button>

    而下面都是错误的写法:

    <button onClick="this.innerHTML=’<font color=’red’>http://www.flash8.net</font>’">闪吧</button>

    <button onClick="this.innerHTML=’<font color="red">http://www.flash8.net</font>’">闪吧</button>

    <button onClick="this.innerHTML=’<font color=/"red/">http://www.flash8.net</font>’">闪吧</button>

     提示:大部分属于window或document对象的方法和属性都可以省略前缀window或document,比如说本例中的location.href(location.href又可以简写为location,因为location的默认对象为href)就是window.location.href或document.location.href的省略式写法。
    技巧:本例中还可以用下面的方法来代替location.href
    location.replace(url)
    location.assign(url)
    navigate(url)
    特别提示
    第一步中的代码运行后,单击按钮将跳转到链接目标。而第二步的在单击按钮后将在新窗口中打开链接。

    特别说明


    本例主要是通过用onClick捕获用户在按钮上的单击事件,然后调用location对象的href方法或window对象的open方法来打开链接。另外一个技巧是通过提交表单来实现链接功能,按钮必须是type=submit类型的按钮,表单的action值就是链接目标,target值就是链接打开的目标方式。 
    展开全文
  • 使用dw添加登录按钮添加链接

    千次阅读 2019-02-02 09:18:50
    使用dw添加登录按钮添加链接代码如下: 使用A标签设置链接下面是添加了链接的代码 div class=“al” div class=“pro_plan” a href="首页.html"登录/a /div div class=“wjmm” a href="首页....

    使用dw添加给登录按钮添加链接代码如下:
    使用A标签设置链接下面是添加了链接的代码
    div class=“al”
    div class=“pro_plan”
    a href="首页.html"登录/a
    /div
    div class=“wjmm”
    a href="首页.html"忘记密码/a
    /div
    div class=“zczh”
    a href=“首页.html"注册账号</a
    /div
    /div
    没有添加链接的代码如下:
    div class=“al”
    div class=“pro_plan”
    a href=”#“登录/a
    /div
    div class=“wjmm”
    a href=”#“忘记密码/a
    /div
    div class=“zczh”
    a href=”#"注册账号</a
    /div
    /div
    设置好链接如下图代码:在这里插入图片描述

    展开全文
  • 1、按钮做成链接(图片)的样子 提交按钮 提交链接提交 重置按钮 重置链接重置 普通按钮 普通链接链接 至于图片也一样把a标签换成img 2、链接做成按钮的样子 注册 ...
  • FLASH加链接的方法

    千次阅读 2014-02-23 20:16:19
    也更方便的浏览者直观的看到我们近期的广告,宣传活动等,对于图片广告我们直接在后台对应广告位的地址上加上我们需要链接的地址,那么对于falsh怎么样加链接呢,下面就以flash8为例大家讲解flash加链接的方法;...
  • 链接做成按钮

    千次阅读 2009-08-12 11:24:00
    (内容转载互联网部落格)1、按钮做成链接(图片)的样子提交按钮提交链接提交重置按钮重置链接重置普通按钮普通链接链接至于图片也一样把a标签换成img2、链接做成按钮的样子注册=>-----------------------------------...
  • 按钮链接实现JSP页面跳转

    万次阅读 多人点赞 2013-12-12 22:10:38
    实现JSP页面简单的跳转,可以使用下面的方法 方法一:使用按钮 方法二:使用链接 登录
  • Jenkins 添加侧边栏按钮链接 Sidebar Link插件 用途:在项目侧边栏添加自定义功能按钮链接 1.在系统管理 -> 插件管理 -> 搜索并安装 Sidebar Link 插件 2.打开项目 -> 配置 -> 勾选 Sidebar Links 配置 Link ...
  • QQ按钮点击好友

    千次阅读 2015-06-30 15:36:50
    QQ按钮点击好友
  • 大部分华为手机点击按钮,跳转页面不生效,需要个时间戳 <div class="nextBtn fs-14" id="nextTry" onclick="window.location.href = location.href+'?time='+((new Date()).getTime());">开始下一次试穿&...
  • p align="center"> input type="submit" value="更新" /> input type="button" value="确认订单" onclick="document.location.href=confirm.jsp"/> p>form>
  • 提交按钮怎么超链接?

    千次阅读 2017-05-18 13:44:19
    原:... 提交按钮加超链接,这个的话,我们一般的都是通过在按钮前面加一个a标签的,将这个按钮包裹在a标签里面,然后在href上,加上链接地址就行了,这里我写一段代码:
  • 图片切换播放按钮按钮链接不会随图片切换而切换
  • 按钮button超链接

    千次阅读 2013-12-05 17:06:28
    突然想做一个普通按钮,然后让按钮超链接到别的页面,不知道怎么搞,不过还是在百度找到了。1.如果让本页转向新的页面则用: 2.如果需要打开一个新的页面进行转向,则用:
  • HTML - 创建按钮实现跳转链接

    千次阅读 2018-10-29 11:23:55
    3.使用链接,样式设置成按钮 <a href="http://google.com" class="button">Continue css: a.button { -webkit-appearance: button; -moz-appearance: button; appearance: button; text-...
  • 我想实现点击按钮,实现类似分享到朋友圈这样的功能,应该怎么做?
  • 给按钮添加超链接

    千次阅读 2017-09-16 18:10:48
    有的时候已经组织好按钮的样式了,却发现标签比button更方便添加页面跳转,但是又不想更换组件,毕竟样式已经写好了,于是找到如下链接添加方式: 1.如果让本页转向新的页面则用: 2.如果需要打开一个新的页面进行...
  • div加链接 htmldiv加超链接实现点击div跳转的方法[申明:来源于网络]地址:http://www.cdxwcx.com/faq/htmldivLink.html
  • 准备工作:首先,你必须注册了微信小程序账户和安装了微信开发者工具,如果没有,请参考麻木博客官网:微信小程序初章-注册微信小程序账户及安装微信小程序开发者工具篇显示图片并添加按钮加跳转效果:去掉微信登陆...
  • 我要做一个图片轮播加按钮渐变切换图片,打开自动播放渐变切换图片,点击按钮也渐变切换图片。 现在做的是根据这个链接做的,但点击按钮时不能实现前后显示图片的淡入淡出。...请知道的朋友告诉详细制作过程,我在网上...
  • 点击链接跳转到QQ好友链接怎么生成的? 网页版本点击跳转到添加好友界面: http://wpa.qq.com/msgrd?v=3&amp;uin=2445408174&amp;site=qq&amp;menu=yes 其中uin=2445408174 这后面的是个人QQ,你...
  • //消除空格防止链接失效 String a="window.location.href='do_updatecourse.jsp?courseId="+temp.getCno().trim()+"'"; System.out.println(a); //双引号冲突改单引号 //onclick=''中 ''也省去 out....
  • 首先,得先申请一个测试号,我之前已经在另外一篇博客写过,这里就不累赘,不懂申请的可以点击下面博客链接,看第二部分: https://blog.csdn.net/weidong_y/article/details/81141868 自定义菜单的按钮类型介绍:...
  • html按钮button超链接

    千次阅读 2017-04-06 17:01:00
    1.如果让本页转向新的页面则用: 2.如果需要打开一个新的页面进行转向,则用:
  • 给按钮添加事件的方法

    千次阅读 2019-02-13 15:18:00
    给按钮添加事件的方法 例子:给按钮添加绑定事件: &lt;button type="submit" id="btn"&gt;btn&lt;/button&gt; 第一种:$("#btn").click(function...
  • jQuery 带按钮的数字输入框

    千次阅读 2019-05-06 23:42:07
    按钮的数字输入框是一个常见而实用的功能,通常出现在“购买”的业务中方便快速的选择需要购买的数量。 在线演示地址:http://www.jq22.com/webqd5991 示例图: 源码: <!DOCTYPE html> <...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 156,860
精华内容 62,744
关键字:

如何给按钮加链接