js+css3顶部横幅提示特效.zip资源-CSDN文库

共3个文件

html：1个

js：1个

css：1个

版权申诉

jQuery特效

CSS特效

网页特效

27 浏览量 2023-10-10 23:46:24 上传评论收藏 2KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

js+css3顶部横幅提示特效.zip （3个子文件）

jiaoben7792

script.js 474B

css

style.css 2KB

index.html 2KB

<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <title>js+css3顶部横幅提示特效 - 更多源码【www.96flw.com】</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <div class="banners-container"> <div class="banners"> <div class="banner error"> <div class="banner-icon"><i data-eva="alert-circle-outline" data-eva-fill="#ffffff" data-eva-height="48" data-eva-width="48"></i></div> <div class="banner-message">Oops! Something went wrong!</div> <div class="banner-close" onClick="hideBanners()"><i data-eva="close-outline" data-eva-fill="#ffffff"></i></div> </div> <div class="banner success"> <div class="banner-icon"><i data-eva="checkmark-circle-outline" data-eva-fill="#ffffff" data-eva-height="48" data-eva-width="48"></i></div> <div class="banner-message">Everything was fine!</div> <div class="banner-close" onClick="hideBanners()"><i data-eva="close-outline" data-eva-fill="#ffffff"></i></div> </div> <div class="banner info"> <div class="banner-icon"><i data-eva="info-outline" data-eva-fill="#ffffff" data-eva-height="48" data-eva-width="48"></i></div> <div class="banner-message">Here is some useful information</div> <div class="banner-close" onClick="hideBanners()"><i data-eva="close-outline" data-eva-fill="#ffffff"></i></div> </div> </div> </div> <button class="show-banner" onClick="showBanner('.banner.error')">错误显示</button> <button class="show-banner" onClick="showBanner('.banner.success')">成功显示</button> <button class="show-banner" onClick="showBanner('.banner.info')">内容提示</button>  <script src="https://unpkg.com/eva-icons" onload="eva.replace()"></script>  <script src="js/script.js"></script> </body> </html>

评论收藏

内容反馈

版权申诉