前端
关注
分享
扫一扫
文章平均质量分 55
江户香葱饼
这个作者很懒，什么都没留下…
展开
-
JQuery实现鼠标滑动多次，只触发一次响应事件
正常在设置鼠标滚轮事件的时候，一次滚动对应一次响应事件。但是按照用户习惯，用户一次滑动鼠标滚轮的动作中，可能实际上鼠标滚轮滚动了多次（通俗的讲，就是用户不会一下一下的滑动滚轮）。这样实际上触发了多次滚轮响应事件，无法达到理想中，用户滑动一次滚轮，只产生一个动作的效果，影响用户体验。为了解决这一问题，可以设置一个响应事件的触发条件。（1）设置一个boolean型的变量作为是否触发滚轮响应事件...原创 2018-03-27 21:24:12 · 8564 阅读 · 0 评论 -
CSS样式选择器的优先级顺序
样式（css）是一种按照优先级来进行加载的语言。css各种选择器的优先级顺序：（由上到下，优先级顺序依次降低）不同级别：1.在属性后面使用 !important 会覆盖页面内任何位置定义的元素样式。例如：#test { background-color:#cccccc;}.ceshi{ background-color:red !important;}div{...原创 2017-04-20 17:23:36 · 3247 阅读 · 0 评论 -
利用css实现div背景颜色动态渐变
在做比较炫酷的现代风格网页时，一个div的颜色可能是动态的，不断变化的。下面来说一下这种效果是如何实现的。用到的css方法：（1）linear-gradient:用于设置渐变的颜色：background: linear-gradient(90deg, #496eaa, #944fa8, #a8804f, #496eaa);其中为了保证颜色变化的连贯性，第一个颜色属性与最后一个颜色属性最...原创 2017-04-14 10:19:37 · 19316 阅读 · 0 评论 -
利用Javascript来修改file类型input标签的样式
问题描述：一般情况下，利用file类型的input浏览选择文件，再配合form就可以实现文件的上传功能。实现出的效果如下图：（以csdn写博客上传图片时的浏览框为例）在实际的开发情况中，为了配合整个网页的风格，也为了让浏览框更美观，需要对file类型的input进行样式修改。但由于input中的“浏览”按钮是由html根据input的type解析出来的，没办法直接使用css对齐进行位置...原创 2017-03-30 15:20:46 · 3534 阅读 · 0 评论 -
php中上传文件功能的实现
php中文件上传的实现1.上传代码：利用html中的form表单，浏览选择文件。<form id="upload-form" action="" method="post" enctype="multipart/form-data" name="form"> <div style="float:left;width:100%"> &l...原创 2017-03-30 15:16:17 · 546 阅读 · 0 评论 -
在php中调用java的方法
跨平台，跨语言的项目现在已经屡见不鲜，今天就说一说之前做过项目中，php调用java的方法：无论是在linux远程服务器上，还是在windows下，最简单有效的方法，应该属于javabridge.jar。将java函数封装成jar包，php通过Javabridge.jar就可以进行调用。一、在windows下的使用方法：（1）将JavaBridge.jar放置在php路径下的ex...原创 2017-03-22 10:59:05 · 7259 阅读 · 0 评论 -
javascript鼠标滚动事件详解及应用
鼠标滚轮事件也是一种重要的鼠标事件，但是与onmouseover，onmousemove等事件不同的是，在使用鼠标滚轮事件时需要考虑浏览器的兼容性问题。浏览器兼容性差别在IE和chrome浏览器中，鼠标滚轮事件是通过onmousewheel来实现的。通过event.wheelDelta值来记录鼠标滚轮滚动的信息，值为正负120，正值代表向上滚动，负值代表向下滚动。在firefox...原创 2017-04-25 14:51:55 · 811 阅读 · 0 评论 -
PHP利用session实现上传进度条的方法
Web应用中常需要提供文件上传的功能。典型的场景包括用户头像上传、相册图片上传等。当需要上传的文件比较大的时候，提供一个显示上传进度的进度条就很有必要了。在PHP 5.4以前，实现这样的进度条并不容易，主要有三种方法:1.使用Flash, Java, ActiveX2.使用PHP的APC扩展3.使用HTML5的File API第一种方法依赖第三方的浏览器插件，通用性不足，且易带来安全隐患...原创 2017-04-17 15:27:28 · 2562 阅读 · 1 评论 -
全屏滚动的实现
什么是全屏滚动？所谓全屏滚动，就是网页的一个模块占据一屏的宽高，多个模块上下拼接在一起，当滑动鼠标滚轮，或点击导航按钮时，可以平滑到对应的页面全屏滚动实现的主要思想：响应鼠标事件，页面通过CSS的动画效果，进行移动。HTML：<!doctype html><html lang="en"> <head> <meta charse...原创 2018-03-27 22:15:11 · 2466 阅读 · 0 评论 -
js是如何实现拖拽raphael.js所绘制图像的
目前所做的项目中出现一个新的需求：用svg绘制条状图展示数据。并且预加载出前后两个相同范围中的数据，当鼠标进行拖拽的时候，可以向前或者向后展示。实现过程：1.首先获取鼠标焦点的坐标：function mousePosition(ev){ var scrollLeft = document.documentElement.scrollLeft || document.bo...原创 2017-03-22 09:57:32 · 2594 阅读 · 0 评论 -
对php工程的url进行重写（去掉.php文件后缀）
对url进行修改的几个优势：1.可以隐藏工程的内部文件结构。同时将较长的url变短。例如/function/test.php可以直接重写成/test。2.可以利用方法名代替文件名，使方法的具体功能更加明显。如/CreateOrder 可以一眼看出就是创建订单的方法。对php工程的url进行重写的方法：HTTP重写技术，让符合特定正则表达式的URL，交由某个特定的脚本处理（Wor原创 2017-08-25 16:17:06 · 7653 阅读 · 0 评论 -
addEventListener与onclick的比较
在给HTML元素添加事件的时候，有两种方法。例如点击事件。一种就是，另外一种就是：element.addEventListener('cl：ick', function() { /* do stuff here*/ }, false);那么这两种方法有什么区别呢？类似于addEventListener以及attachEvent这种，叫做Events Listener事件原创 2017-04-25 16:25:36 · 464 阅读 · 0 评论 -
关于Event Listener事件(addListener)和Event inline事件(onclick)区别的实例
最近做的一个项目中需要实现一个功能，判断鼠标停放区域，根据不同的区域范围，滚动鼠标滚轮时，元素移动的距离长短不同。mouseover事件(){ 获取鼠标焦点坐标; 判断鼠标焦点所在区域范围; mousewheel鼠标滚动事件(){ alert("test"); };}在实现的时候，鼠标滚动事件可以用onmousewheel，也可以用ad原创 2017-04-26 16:06:08 · 4117 阅读 · 0 评论