小白jquery简易实现浮动div技术

简易浮动Div实现

最新推荐文章于 2025-07-31 15:56:25 发布

zi_wu_xian

最新推荐文章于 2025-07-31 15:56:25 发布

阅读量1.9k

点赞数

分类专栏：编程开发

编程开发专栏收录该内容

49 篇文章

订阅专栏

本文介绍了一个简单的使用jQuery实现浮动div的方法。通过简单的HTML结构和少量的jQuery代码，实现了div元素在鼠标悬停时从屏幕右侧滑出的效果。

小白jquery简易实现浮动div技术

以前看过别人做的代码，太麻烦太繁琐了，故弄玄虚的封装，目的就是不让别人知道怎么做的，好像很高深似的。屁～

floattest.html 就这么几行代码

........
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script src="jquery-1.7.js" type="text/javascript">
</script>
<script type="text/javascript">
$(document).ready(function()
{
     $("#flt").hover(function(){
      $("#flt").animate({right:"0px"},300);
},function(){
      $("#flt").animate({right:"-150px"},300);
});
});
</script>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>