网页效果
老奶糖先生
前端菜鸟,多多指教
展开
-
网页常见数字滚动效果
//数字滚动代码function countUp(target, startVal, endVal, decimals, duration, options) { this.options = options || {useEasing: true, useGrouping: true, separator: ',', decimal: '.'} if (this.opti原创 2018-01-23 09:58:29 · 3710 阅读 · 0 评论 -
Canvas实现小星星闪烁效果
html结构: src="banner01.jpg" alt=""> script:$(function () { //进行浏览器环境检测 //IE版本检测,非IE浏览器返回east.NOT_IE var NOT_IE = 1000; var ieVersion; if(navigator.appName ===原创 2018-01-23 18:06:35 · 1597 阅读 · 0 评论 -
水波特效
类似于这种波浪效果的实现,css3<style> @keyframes move_wave { 0% { transform: translateX(0) translateZ(0) scaleY(1) } 50% { transform: translateX(-25%) tran...原创 2018-04-01 14:10:40 · 1075 阅读 · 0 评论 -
类似于阿里云首页banner的实现
https://www.aliyun.com/阿里云地址实现技术http://www.swiper.com.cn/和http://www.jq22.com/jquery-info178 核心代码 // swiper首页banner var swiperBanner = new Swiper('#banner .swiper-container', { spaceBetween: 30, ...原创 2018-04-01 14:14:52 · 2408 阅读 · 0 评论 -
Css3的animation属性实现雷达扩散效果
最终实现效果网址http://www.east.com.cn/(在网页底部可以看到)html代码<section id="map"> <div> <a href="" class="circle"></a> <a href="" class="ripple p1原创 2018-05-25 08:58:50 · 2160 阅读 · 0 评论 -
悬浮框随网页的滚动而滚动
$("#qqlayer")为悬浮框容器$("#qqlayer").css("top",$(window).height()/3+"px");var qqlayer_top = $("#qqlayer").offset().top;$(window).scroll(function(){ var offsetTop = qqlayer_top + $(window).scrollTop()-20+".原创 2018-06-06 15:25:17 · 3232 阅读 · 0 评论