jquery 悬浮按钮的方法

 时间:2024-10-31 00:27:18

1、新建一个HTML的基础页面

jquery 悬浮按钮的方法

2、引入JQuery<script src="jquery.min.js"></script>

jquery 悬浮按钮的方法

3、定义一个内部的CSS <style> bo蟠校盯昂dy{height: 3000px;} #f_menu { position:fixed; bottom:50px; right:15px; width:100px; height:100px; background: black; opacity: 0.75; color: white; text-align: center; line-height: 100px; cursor: pointer;} </style>

jquery 悬浮按钮的方法

4、定义一个按钮,并定义JQuery方法<div i蟠校盯昂d="f_menu">Up媪青怍牙</div><script>$(document).ready(function(){ $("#f_menu").hover(function(){ $(this).text("返回顶部"); });});</script>

jquery 悬浮按钮的方法

5、最终在浏览器预览效果,按钮悬浮位置不变,当光标经过悬浮区域时,发生变化

jquery 悬浮按钮的方法jquery 悬浮按钮的方法
  • 如何制作windows下redis启动批处理文件bat文件
  • 新站不被百度收录的三大原因和解决方法
  • 访问隔离用户模式FTP服务器
  • 使用FastReport实现Web报表开发
  • 如何利用z-blog搭建网站
  • 热门搜索
    南通旅游攻略 内蒙旅游景点 手被烫伤后怎么处理 怀孕多久可以测出胎心 北京故宫旅游攻略 中俄旅游年 长泰旅游 北京有哪些旅游景点 旅游发朋友圈的精美句子 iphone4怎么刷机