首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
DOM&BOM操作
xyphf_和派孔明
创建于2023-11-07
订阅专栏
xyphf-和派孔明之DOM&BOM操作
等 1 人订阅
共64篇文章
创建于2023-11-07
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
轮播图系列教程(一)——和派孔明-CSDN博客
//<span style="font-size: 18px; "><strong>简易左右切换轮播图系列教程(一),欢迎阅读javascript轮播图系列教程,本教程将由简单到复杂逐布实现轮播图效果。......box ..box .window.var oBanner=doc...
javaScript简易运动框架封装——和派孔明
function move(obj,json,opational){ opational=opational||{}; opational.time=opational.time||300; opational.fn=opational.fn||null; opational.t...
轮播图系列教程(二)选项卡思维——和派孔明
....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...
轮播图系列教程(五),左右切换,运动框架应用——和派孔明-CSDN博客
<link href="css.....box ......box ..box .opational.time=opational.opational.fn=opational.opational.type=opational.var count=Math.round(opati...
【兼容性解决】页面滚动距离document.documentElement.scrollTop兼容性问题
if(window.navigator.userAgent.toLowerCase().window.var oDiv=document.oDiv.style.window.οnscrοll=window.//document.body.scrollTop =>chrome //...
【转】移动端轮播插件,zepto轮播插件-CSDN博客
<meta name="viewport" content = "width=device-width, target-densitydpi=high-dpi, initial-scale=1.0, maximum-scale=1........page ol li.<scrip...
淡入淡出轮播(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...
关于响应式布局的相关介绍——和派孔明-CSDN博客
一、响应式布局简介 简单的讲,就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。随着移动互联网的盛行,为解决如今各式各样的浏览器分辨率以及不同移动设备的显示效果, 设计师提出了响应式布局的设计方案。三、认识响应式布局 响应式布局又称之为媒体查询(Media Que...
[转载]强大的文件上传插件-CSDN博客
近期有朋友分享了一款文件上传插件,忍不住要与大家分享一下! upload.$.fn.settings = $.if (settings.if (!settings.var perviewImg = document.getElementById(settings.perviewI...
微信摇一摇js
Pandora.Grav.Mobile.$.fn.Grav: function(options) { var config = { ShakeRate: 200, //重力灵敏度 power: 200, //甩动力度 ShakeTotal: 3, //甩动次数 Shaking: ...
微信、手机页面禁止页面下拉
window.document.body.event.
左右轮播图,banner
...box ..box ....box ol li....<script src="jquery-1.7.2.var iSize=$("#play ul li").for (var i = 0; i < aImg.$("#play ol").$("#play ol li").f...
移动开发,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...
【插件】自适应布局JQuery插件,rem布局——和派孔明
//框架文件名Pandora.AutoSize.$.fn.var width = $(window).height = $(window).$("html").$(element).width(width).$(window).引入<script src="jquery-1.4....
点击按钮,打开文件上传窗口-CSDN博客
<form action="demo_form.<p><strong>注释:</strong>Internet Explorer 9 以及更早的版本不支持 input 标签的 accept 属性。<p><strong>注释:</strong>鉴于安全考虑,该例不允许您上传文件。....
关于使用HTML5本地存储图片的介绍——和派孔明
大家可以把以下代码作为一个js文件保存,命名为ImgStorage.<script src="ImgStorage.var img = document.img.var imgCanvas = document.imgContest = imgCanvas.imgCanvas.w...
HTML5本地存储sessionStorage和localStorage的常用操作-CSDN博客
HTML5本地存储 sessionStorage //数据随着浏览器的关闭而销毁。 localStorage//不主动删除,永远不会销毁 sessionStorage的常见用法 <script type="text/javascript"> //设置存储,用途:将value存...
垂直居中应用
近日在O2O移动电商手机页面时有个需求,就是一堆ul列表里面,有一个li的高度不确定,但是要求其他的li的高度,以它的高度垂直居中。 所有的数据都是从后台请求过来的,你会发现这个地址所在的li有的比较长有的比较短,所以它可能一行显示也可能多行显示,那么就会把这个所在的li的高度撑...
下一页