jQuery文字星星闪烁动画特效.zip资源-CSDN文库

共5个文件

js：2个

css：2个

html：1个

版权申诉

html5

16 浏览量 2023-09-27 22:15:44 上传评论收藏 33KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

jQuery文字星星闪烁动画特效.zip （5个子文件）

sparkle.jquery.js 3KB

jquery-2.1.1.min.js 82KB

css

sparkle.css 747B

zzsc-demo.css 4KB

index.html 2KB

<!doctype html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>jQuery文字星星闪烁动画特效</title> <link rel="stylesheet" type="text/css" href="css/zzsc-demo.css"> <link rel="stylesheet" type="text/css" href="css/sparkle.css"> <style type="text/css"> .content{ width: 100%; height: 100%; position: relative; margin-top:100px; } #main { width: 500px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); display: inline-block; font-size: 250%; font-weight: 500; } </style> </head> <body><script src="/demos/googlegg.js"></script> <div class="zzsc-container"> <div class="content"> <div id="main"> <h1 class="center">懒人素材</h1> </div> </div> </div> <script src="js/jquery-2.1.1.min.js" type="text/javascript"></script> <script type="text/javascript" src="js/sparkle.jquery.js"></script> <script type="text/javascript"> $("#main").sparkle({ fill:"#f7c916" , stroke:"#fde3a7", size: 30, }).sparkle({ delay: 1000, pause: 750, size: 10 }); </script> <div style="text-align:center;font:normal 14px/24px 'MicroSoft YaHei';"> <br><br><br><br><br> <p>适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p> <p>更多源码：<a href="http://www.96flw.com/" target="_blank">www.96flw.com</a></p> </div> </body> </html>

评论收藏

内容反馈

版权申诉