Jquery Fade用法详解
(编辑:jimmy 日期: 2024/12/23 浏览:3 次 )
jquery淡入淡出演示
感觉用法都差不多,目前看来还比较简单。
fadeIn
fadeOut
fadeToggle
fadeTo
一共4种用法
CSS代码
<style> div{background-color:#eaeaea;border:solid 1px #999999;width:100px;height:100px;text-align:center;line-height:100px;font-size:16px;display:none;margin:10px;} </style>
JS代码
<script type="text/javascript" src="/UploadFiles/2021-04-02/jquery.min.js">HTML代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>Jquery Fade demo</title> <style> div{background-color:#eaeaea;border:solid 1px #999999;width:100px;height:100px;text-align:center;line-height:100px;font-size:16px;display:none;margin:10px;} </style> <script type="text/javascript" src="/UploadFiles/2021-04-02/jquery.min.js">效果图
下一篇:nuxt静态部署打包相对路径操作