首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
常用特效
xyphf_和派孔明
创建于2023-11-07
订阅专栏
xyphf-和派孔明之常用特效实现
暂无订阅
共24篇文章
创建于2023-11-07
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
数字滚动效果的实现
这里有个Demo可以看看,不过如果数字字体没有起作用,自己查看一下字体路径。数字跑动效果的实现DEMO-Javascript文档类资源-CSDN下载数字滚动效果的实现更多下载资源、学习资料请访问CSDN下载频道.https://download.csdn.
怎么使一行代码实现网页变灰
html.-webkit-filter: grayscale(.filter: progid:DXImageTransform.Microsoft.https://developer.mozilla.filter CSS 属性将模糊或颜色偏移等图形效果应用于元素。滤镜通常用于调整...
loading.js-CSDN博客
var _LoadingHtml = '<div id="loadingDiv" style="position:fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 99999;"><div style="position: fixe...
关于使用HTML5本地存储图片的介绍——和派孔明
大家可以把以下代码作为一个js文件保存,命名为ImgStorage.<script src="ImgStorage.var img = document.img.var imgCanvas = document.imgContest = imgCanvas.imgCanvas.w...
移动开发,touchstart轮播图,移动端拖拽应用
window.var oDiv = document.var oUl = oDiv.var aLi = oUl.var len = aLi.oUl.oUl.style.var disX = ev.targetTouches[0].pageX - oUl.oUl.style.lef...
注册获取验证码倒计时DEMO
<script src="js/jquery-1.4.2.min.<script src="js/Pandora.AutoSize.$.fn.var width = $(window).height = $(window).$("html").$(element).width(w...
jquery无缝轮播图
<script src="./jquery-1.8.0.min.var li = $("#mark .var scroll = $(".var prev = $(".var next = $(".var w=li.var len=li.ul.append(ul.html()).n...
懒加载图片-CSDN博客
<script src="jquery-1.11.1.$(window).$('img').if( $(elem).offset().top < $(window).height() + $(window).$(elem).attr('src',$(elem).<div><img...
JQ获取鼠标的键值-CSDN博客
$('#span1').alert(ev.
javascript,一幅图让你看懂DIV拖拽-CSDN博客
window.var oDiv=document.oDiv.var disX = oEvt.clientX - oDiv.var disY = oEvt.clientY - oDiv.document.oDiv.style.left=oEvt.oDiv.style.top=oEv...
html5将文字生成图片
本文链接:https://blog.csdn.net/qq_30100043/article/details/76549377 由于canvas能够将画布上的纹理生成数据给img显示出来,所以,我们在html5里面可以实现将文字生成图片显示。首先我书写了一个将文字绘制到canva...
全屏滚动,微场景,H5全屏切换滚动页面制作的方法介绍
很多人找了很久,都没找到一款好用的H5全屏滚动插件,而H5全屏滚动又是一个常用的技术,常用于移动端的营销推广,虽然现在有很多类似易企秀之类的合成软件,除了数据没法对接到自己平台之外,收集用户数据也有被平台运营方获取的风险。所有我们今天自己查找了一款全屏滚动插件,就是swiper,...
淡入淡出轮播(banner),自动按图片个数生成居中按钮——和派孔明
..box ..box ..box .prev{width:35px;height:57px;position:absolute;left:0;top:50%;margin-top:-27px;background:#ccc;z-index:10;font-size:70px;l...
轮播图系列教程(四)自动切换,定时器应用——和派孔明
....box ul li....dian span.z-index:10px;filter:alpha(opacity=50);opacity:0.#next:hover{filter:alpha(opacity=70);opacity:0.#prev:hover{filter...
轮播图系列教程(三)函数调用及封闭空间形式案例——和派孔明-CSDN博客
....box ul li....dian span.z-index:10px;filter:alpha(opacity=50);opacity:0.#next:hover{filter:alpha(opacity=70);opacity:0.#prev:hover{filter...
轮播图系列教程(二)选项卡思维——和派孔明
....box ul li....dian span.z-index:10px;filter:alpha(opacity=50);opacity:0.#next:hover{filter:alpha(opacity=70);opacity:0.#prev:hover{filter...
javaScript简易运动框架封装——和派孔明
function move(obj,json,opational){ opational=opational||{}; opational.time=opational.time||300; opational.fn=opational.fn||null; opational.t...
轮播图系列教程(一)——和派孔明-CSDN博客
//<span style="font-size: 18px; "><strong>简易左右切换轮播图系列教程(一),欢迎阅读javascript轮播图系列教程,本教程将由简单到复杂逐布实现轮播图效果。......box ..box .window.var oBanner=doc...
jQ模拟逐帧动画动画
.div1{margin:100px auto;width:242px;height:137px;background:url(bao..div2{margin:100px auto;width:242px;height:137px;background:url(bao..div...
文字无限无缝滚动效果——和派孔明
<script src="jquery-1.7.2.oDiv.}).}).var oLi = obj.var lineHeight = oLi.find("li:first").oLi.oLi.}).find("li:first").
下一页