代码收藏

链接的按钮形式

代码:

<a href="网址" target="_blank" rel="noopener noreferrer">
  <button type="button">按钮文字</button>
</a>

解析:利用HTML的按钮和链接功能,将链接调节为新窗口打开,就形成了这个代码!

实例:

实例源码:

<a href="http://timeline-bookstore.wikidot.com" target="_blank" rel="noopener noreferrer">
  <button type="button">点这里前往时间轴书店</button>
</a>

居中代码

代码:

<div align="center">
内容,或者代码
</div>

解析:居中,就是居中

实例:(利用上面的“按钮”)

实例源码:

<div align="center">
<a href="http://timeline-bookstore.wikidot.com" target="_blank" rel="noopener noreferrer">
  <button type="button">点这里前往时间轴书店</button>
</a>
</div>

弹窗显示内容的按钮

代码:

<script>
function Function1()
{
alert('* 弹窗显示内容')
alert('* 可以设置多个弹窗')
}
</script>
<button type="button" onclick="Function1()">按钮内容</button>
<script>
function here()
{
alert('* onclick还可以自定义内容')
}
</script>
<button type="button" onclick="here()">不过两个内容需要一致(就像这个here)</button>

解析:好像用JavaScript吧…这个东西可以搭配居中代码使用。

实例:

源码:

<script>
function tanchuang1()
{
alert('* 这是第一个弹窗')
alert('* 可以设置多个弹窗')
alert('* 就像这样')
}
</script>
<button type="button" onclick="tanchuang1()">这是个按钮</button>
 
<script>
function jinitaimei()
{
alert('* 全民制作人们大家好')
alert('* 我是练习时长两年半的个人练习生蔡徐坤')
alert('* 喜欢唱,跳,rap,篮球。music!')
}
</script>
<button type="button" onclick="jinitaimei()">这是个会唱跳rap的按钮</button>
 
<script>
function nevergonnagiveyouup()
{
alert('* 你慢慢躺在了床上,睡着了…所以做梦去吧…')
}
</script>
<button type="button" onclick="nevergonnagiveyouup()">性感TG在线尬舞</button>
©2023 Tortoise God保留所有权利

如果页面内容为其他来源的搬运,
按照来源所遵守的授权协议
进行授权(会特殊标注授权方式)