Welcome 微信登录

首页 / 脚本样式 / JavaScript

JavaScript实现自动消除按钮功能的方法

JavaScript实现自动消除按钮功能的方法

2017年02月06日 12 阅读
本文实例讲述了JavaScript实现自动消除按钮功能的方法。分享给大家供大家参考。具体如下：这里使用JavaScript自动消除前项显示的内容，在网页特定方位显示内容，第一个按钮可用，但第二个在第一个点击之后就不能用了，如果想让第二个按钮起作用，你需要对其进行功能消除，如本示例代码就实现这样一种功能。运行效果如下图所示：具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional/...
js绘制圆形和矩形的方法

js绘制圆形和矩形的方法

2017年02月06日 13 阅读
本文实例讲述了js绘制圆形和矩形的方法。分享给大家供大家参考。具体如下：这里使用js来绘制圆形和矩形，支持选择图形的背景颜色，同时可设置圆角矩形、半径、正圆、矩形、正方形这几个选项。或许这些图形你不需要，但重要的是让你学会JavaScript绘制图形的方法，这是要表达的核心。运行效果如下图所示：具体代码如下：<！doctype html><html><head><title>js来绘制圆形和矩形</ti...
JS模拟键盘打字效果的方法

JS模拟键盘打字效果的方法

2017年02月06日 12 阅读
本文实例讲述了JS模拟键盘打字效果的方法。分享给大家供大家参考。具体如下：这里使用JS模拟实现软键盘及打字效果，点击软键盘年的字母键，文本框中即可显示文字，像是键盘打字的效果，美工不太好，没怎么美化，CSS高手可美化一下按钮，看上去还挺不错吧，我觉得。先来看看运行效果图：具体代码如下：<html><head><meta http-equiv="Content-Type" content="text/html; charset=...
将页面table内容与样式另存成excel文件的方法

将页面table内容与样式另存成excel文件的方法

2017年02月06日 12 阅读
在项目做完之余，测试最近做的一个论坛，其中有个导出功能，发现点击网页导出按钮之后，将页面的table内容另存为excel文件后，却发现无法保存表格样式，经过问题分析之后找到根本原因，下面小编就把我的实现思路给大家分享如下：问题描述：问题分析过程： 1.table表格用class，而不是style。导出时并没有导出class定义，若换成style，将颜色样式直接写在style中，就会导出样式。 style是样式，在HTML中用这个来标明属性样式，是css中的...
JS实现点击上移下移LI行数据的方法

JS实现点击上移下移LI行数据的方法

2017年02月06日 13 阅读
本文实例讲述了JS实现点击上移下移LI行数据的方法。分享给大家供大家参考。具体如下：这里演示JavaScript排序功能，点击按钮实现数据的上移和下称，一共有两组测试效果，上组采用箭头图标控制的方式，更美观，下组是直接使用文字，根据你的需要自行选择。myList为ul的id值，m为0显示文字，m为1显示图片，mO、mT为文字或图片内容。演示效果如下图所示：具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML ...
JS绘制生成花瓣效果的方法

JS绘制生成花瓣效果的方法

2017年02月06日 13 阅读
本文实例讲述了JS绘制生成花瓣效果的方法。分享给大家供大家参考。具体如下：这里使用JS绘制生成花瓣效果，纯JS生成的图形绘制效果，想研究一下JavaScript图形绘画方面知识的，不妨参考一下这个小程序，我觉得还是挺不错的。运行效果如下图所示：具体代码如下：<html ><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" />...
JS拖动鼠标画出方框实现鼠标选区的方法

JS拖动鼠标画出方框实现鼠标选区的方法

2017年02月06日 12 阅读
本文实例讲述了JS拖动鼠标画出方框实现鼠标选区的方法。分享给大家供大家参考。具体如下：相当实用的一个JS技巧，拖动鼠标可画出一个方框，可作为一个选区的功能，可以用来画流程图，设计草图什么的，也可以作为上传头像时裁切选择图片，在头像裁切中使用广泛，鼠标在图片上拖动拉出一个方框，这个方框就代表着选区的功能，目前网页上已流行的一种操作。主要是依赖于JavaScript代码来实现。运行效果如下图所示：具体代码如下：<！DOCTYPE html PUBLIC ...
JS实现点击按钮控制Div变宽、增高及调整背景色的方法

JS实现点击按钮控制Div变宽、增高及调整背景色的方法

2017年02月06日 12 阅读
本文实例讲述了JS实现点击按钮控制Div变宽、增高及调整背景色的方法。分享给大家供大家参考。具体如下：这里使用JavaScript实现点击按钮后改变DiV的高度、宽度和背景色等，点击对应按钮，Div调整高度、调整宽度、调整背景色等。实现方面主要是使用JS来控制点击按钮后改变CSS样式文件，这一切都是在JS的动态控制下，比如无刷新切换网页风格的实现，可以以此为基础来扩展。运行效果如下图所示：具体代码如下：<！DOCTYPE html PUBLIC "-...
JQuery悬停控制图片轮播——代码简单

JQuery悬停控制图片轮播——代码简单

2017年02月06日 12 阅读
jquery实现的鼠标悬停图片自动轮播效果，当把鼠标悬停到图片时，图像就会不断循环播放，速度非常快，效果非常逼真，就和在放武侠片一样，使用了jquery实现，下面小编给大家分析jq悬停控制图片轮播，请看小面的效果图。在线预览 源码下载具体实现的代码如下：<！-- 轮播广告 --> <div id="banner_tabs" class="flexslider"> <ul class="slides"><li>...
JavaScript实现可拖拽的拖动层Div实例

JavaScript实现可拖拽的拖动层Div实例

2017年02月06日 12 阅读
本文实例讲述了JavaScript实现可拖拽的拖动层Div。分享给大家供大家参考。具体如下：这是一个完美的JS拖拽效果，带拖尾的JavaScript拖动层代码，经过了多次优化修正，复制节点的方法不错，值得JS爱好者学习，同时代码修正了给拖拽元素加ondblclick事件无效的问题，兼容多种浏览器，拷贝代码即可运行使用。运行效果如下图所示：具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Trans...
javascript实现多栏闭合展开式广告位菜单效果实例

javascript实现多栏闭合展开式广告位菜单效果实例

2017年02月06日 12 阅读
本文实例讲述了javascript实现多栏闭合展开式广告位菜单效果。分享给大家供大家参考。具体如下：从操作方式上来说，有似曾相识的感觉，有点手风琴菜单的味道，像一个折叠面板，用JavaScript和CSS结合来实现，虽然不华丽，但很简洁实用，也算是给喜欢网页特效的朋友们一个可参考素材吧。运行效果如下图所示：具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""htt...
js实现网页抽奖实例

js实现网页抽奖实例

2017年02月06日 12 阅读
本文实例讲述了js实现网页抽奖的方法。分享给大家供大家参考。具体如下：这段网页抽奖程序，基于javascript代码实现，简单的演示如何使用JS来实现抽奖功能，点击“开始抽奖”按钮，程序即开始抽奖了，需要停止的时候按“停止”，以前发过类似的抽奖程序有几个了，有兴趣的自己在本站网页特效栏目搜索“抽奖”看下。运行效果如下图所示：具体代码如下：<！DOCTYPE html><html lang="zh"><head><t...
jquery实现选中单选按钮下拉伸缩效果

jquery实现选中单选按钮下拉伸缩效果

2017年02月06日 15 阅读
本文实例讲述了jquery实现选中单选按钮下拉伸缩效果的方法。分享给大家供大家参考。具体如下：这是一个使用jQuery插件实现的伸缩效果，在网页上，单击单选按钮，也就是Radio元素后，所属的对应内容向下拉出，伸展开来，平时是不显示的，可用在发票打印快递单查询等场合。运行效果如下图所示：具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w...
javascript跨域方法、原理以及出现问题解决方法（详解）

javascript跨域方法、原理以及出现问题解决方法（详解）

2017年02月06日 14 阅读
javascript跨域访问是web开发者经常遇到的问题，什么是跨域，一个域上加载的脚本获取或操作另一个域上的文档属性，下面将列出三种实现javascript跨域方法: 1.基于iframe实现跨域 基于iframe实现的跨域要求两个域具有aa.xx.com,bb.xx.com这种特点，也就是两个页面必须属于一个基础域（例如都是xxx.com，或是xxx.com.cn），使用同一协议（例如都是 http）和同一端口（例如都是80），这样在两个页面中同时添...
JavaScript实现的圆形浮动标签云效果实例

JavaScript实现的圆形浮动标签云效果实例

2017年02月06日 12 阅读
本文实例讲述了JavaScript实现的圆形浮动标签云效果。分享给大家供大家参考。具体如下：这里介绍的JS标签云效果，在鼠标的作用下会自动转动，整体上围绕成一个圆形，各个标签之间无需Div代码，直接文字+链接的形式，有多少就显示多少，JavaScript会自动调整显示数量，让视觉效果最佳。运行效果如下图所示：具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""ht...
使用requestAnimationFrame实现js动画性能好

使用requestAnimationFrame实现js动画性能好

2017年02月06日 12 阅读
使用requestAnimationFrame实现js动画性能好。先给大家简单介绍下requestAnimationFrame比起setTimeout、setInterval有哪些优势？示例一：requestAnimationFrame 比起 setTimeout、setInterval的优势主要有两点：1、requestAnimationFrame 会把每一帧中的所有DOM操作集中起来，在一次重绘或回流中就完成，并且重绘或回流的时间间隔紧紧跟随浏览器的刷...
js简单实现标签云效果实例

js简单实现标签云效果实例

2017年02月06日 12 阅读
本文实例讲述了js简单实现标签云效果。分享给大家供大家参考。具体如下：这里的JavaScript标签云，基于妙味课堂miaov.js文件，非常流行的网页效果，在网页的右侧或左侧开辟一小块地方，用来显示热门的标签，形式就选择标签云吧，绝对酷哦，相信你也会喜欢。运行效果如下图所示：具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/...
drag-and-drop实现图片浏览器预览

drag-and-drop实现图片浏览器预览

2017年02月06日 12 阅读
今天刚试过chrome的drag and drop API，它能非常简单的将本地的图片放到浏览器中进行预览。试想一下当我们把一个文图片拖拽到浏览器里会发生什么事情，你的浏览器试图打开一个新的页面并加载这个图片。现在我不想浏览器这样帮我处理图片，我希望我拖拽的图片能立即放到我预先规定的位置并迅速回显，这就需要javascript中event对象的两个函数stopPropergation（）和preventDefault（）。前者将会阻止事件的冒泡，后者会阻止...
<< 1151 1152 1153 1154 1155 1156 1157 1158 1159 1160 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图