Welcome 微信登录

首页 / 脚本样式 / JavaScript

jq实现左侧显示图片右侧文字滑动切换效果

jq实现左侧显示图片右侧文字滑动切换效果

分享一款jQuery左侧图片右侧文字滑动切换代码。这是一款基于jQuery实现的列表图片控制图片滑动切换代码。效果图如下:下面给大家分享下基于jq实现左侧显示图片右侧文字滑动切换效果,用div+css布置表单借用jq实现特效,具体不多说了,请看下面代码。html代码:<div class="index-new w1200 mt30"><div class="indexadd mt50 mb60"><div id="banner...
javascript+HTML5的canvas实现七夕情人节3D玫瑰花效果代码

javascript+HTML5的canvas实现七夕情人节3D玫瑰花效果代码

本文实例讲述了javascript+HTML5的canvas实现七夕情人节3D玫瑰花效果。分享给大家供大家参考。具体如下:下面的玫瑰绘制用到了HTML 5的canvas,所以你的浏览器需要支持HTML 5。个人还是比较推荐chrome,这个效果在Firefox下也会稍卡。效果图:演示地址:http://demo.jb51.net/js/2015/js-flower-canvas.html具体代码如下:<!DOCTYPE HTML PUBLIC "-/...
Javascript实现可旋转的圆圈实例代码

Javascript实现可旋转的圆圈实例代码

本文实例讲述了Javascript实现可旋转的圆圈。分享给大家供大家参考。具体如下:这里基于Javascript实现会旋转的圆圈,有点三维变幻的效果,立体感很强,代码主要是基于JS,学习Js脚本编程来说,是个学习JS生成动画的好范例。运行效果如下图所示:具体代码如下:<html><head><title>旋转的圆圈</title><meta http-equiv="Content-Type" conte...
JavaScript实现选择框按比例拖拉缩放的方法

JavaScript实现选择框按比例拖拉缩放的方法

本文实例讲述了JavaScript实现选择框按比例拖拉缩放的方法。分享给大家供大家参考。具体如下:这里通过javascript实现可以像PS一样拉出一个选择框的效果。里面的很多方法都是我们值得学习的。运行效果如下图所示:具体代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transiti...
JavaScript仿静态分页实现方法

JavaScript仿静态分页实现方法

本文实例讲述了JavaScript仿静态分页实现方法。分享给大家供大家参考。具体如下:这里基于JavaScript模仿网页不刷新静态分页的功能,实际用的时候估计要做些改动,因为目前需要分页的内容是作为一个字符串变量存在JS里,使用时这里的数据要变为数据库中读取的数据,不知道它的实用性有多高,需要的朋友慢慢调整一下。运行效果如下图所示:具体代码如下:<HTML><HEAD><TITLE> 静态分页</TITLE>...
JavaScript实现LI列表数据绑定的方法

JavaScript实现LI列表数据绑定的方法

本文实例讲述了JavaScript实现LI列表数据绑定的方法。分享给大家供大家参考。具体如下:利用JavaScript进行LI列表数据绑定,获取列表里面对应的LI,这是一位高人写的代码,看了才知道,原来并不很复杂,为什么之前用的方法那么笨?运行效果如下图所示:具体代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1...
jquery控制显示服务器生成的图片流

jquery控制显示服务器生成的图片流

首先把图片路径作为参数,ajax异步传到后台方法中上传服务器,直接用Jquery传是不行的,它没有权力跟服务器打交道,具体内容不废话了,直接看下文,介绍的很详细。首先给大家展示下效果图:<首先是第一副是初始的页面,第二副是点击submit之后服务端生成的二维码,没有保存图片直接将图片流转成字符串返回到页面。简介:首先,这种生成二维码方式,而且不需要保存的情况可以在前端使用脚本来实现,那我在项目里也是这样做的。然后js好像是不能接受服务端的文件流进行操...
JavaScript实现跨浏览器的添加及删除事件绑定函数实例

JavaScript实现跨浏览器的添加及删除事件绑定函数实例

本文实例讲述了JavaScript实现跨浏览器的添加及删除事件绑定函数。分享给大家供大家参考。具体如下:IE 的事件绑定函数是 attachEvent;而 Firefox, Safari 是 addEventListener;Opera 则两种都支持。使用jQuery就可以使用简单的bind(),或者$().click()之类的函数解决,而如果不使用JavaScript框架的时候,大家可是使用下面的封装bind()函数。添加事件绑定 bind()/****...
JavaScript实现添加及删除事件的方法小结

JavaScript实现添加及删除事件的方法小结

本文实例总结了JavaScript实现添加及删除事件的方法。分享给大家供大家参考。具体如下:JavaScript添加、删除事件的方法,也就是让某些方法生效指定次数,可以是一次、两次或更多次,但指定次数执行完毕后就删除该方法,使其失效,如果你经常从事JS编程,你就会知道这种功能用得比较多。先来看看一个比较简单的例子:function $(id){return document.getElementByIdx_x(id);}var ev = null;var ...
javascript将DOM节点添加到文档的方法实例分析

javascript将DOM节点添加到文档的方法实例分析

本文实例讲述了javascript将DOM节点添加到文档的方法。分享给大家供大家参考。具体如下:这里对两种方法进行了比较:第一种:先创建所有节点,再添加到文档方式的运行时长;第二种:先向文档添加一个空容器,然后每创建一个节点,再添加到容器中方式的运行时长,从测试来看,第二种方法优于第一种!运行效果如下图所示:具体代码如下:<html xmlns="http://www.w3.org/1999/xhtml"><head><met...
JavaScript使用encodeURI()和decodeURI()获取字符串值的方法

JavaScript使用encodeURI()和decodeURI()获取字符串值的方法

本文实例讲述了JavaScript使用encodeURI()和decodeURI()获取字符串值的方法。分享给大家供大家参考。具体如下:JavaScript使用encodeURI()和decodeURI()获取字符串值,不能就是地址栏显示的字串,以前经常在网上见到有人问此问题,无意在网上发现,不知是不是您想要的,先看看效果吧。先来看看运行效果:具体代码如下:<html><head><meta http-equiv="Conte...
JavaScript取得键盘按下方向键是哪个的方法

JavaScript取得键盘按下方向键是哪个的方法

本文实例讲述了JavaScript取得键盘按下方向键是哪个的方法。分享给大家供大家参考。具体如下:这里通过创建一个event.keyCode对象,可有效获取键盘上的方向键,运行代码后,点击键盘上的任意方向键,网页会以Alert的方式返回你按下的是哪个键。运行效果如下图所示:具体代码如下:<html><head><title>取得键盘的方向键</title><script language="javasc...
<< 1151 1152 1153 1154 1155 1156 1157 1158 1159 1160 >>