随笔分类 -  javascirpt

使用AJAX实现优酷视频播放时留言不刷新
摘要：各位童鞋我们试想一下，如果你在网页上看视频，看到有感而发时，这时你你对视频进行评论后，吧唧！整个页面刷新，你还得从头看视频，很蛋疼是吧。避免这种情况发生很简单，只要我们将评论部分使用AJAX做就可以了。效果图：下边将代码共享给大家:主要功能文件有三个:__________________________________________________________________________________________________________________index1.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 阅读全文
posted @ 2012-03-02 17:35 java简单例子 阅读(242) 评论(0) 推荐(0) 编辑
使用AJAX+php+mysql实现省市县三级联动
摘要：今天很晚了，但我激情依旧，给大家献上一个很经典的实用的例子，使用AJAX+php+mysql实现省市县三级联动，很多网站都用得到。我事实现的思路：先获取所选省的市或者是所选时的县，将获取的数据转换为jason格式的字符串返回到ajax客户端，在客户端使用eval将jason格式的字符串转化为对象，将对象的每个元素值创建成文本节点，并创建option节点，将文本节点追加到option节点，在将option的节点追加给select节点。代码：：：：：：：：：：：：：：：：：：：：：：（共4个文件）数据库文件地址：：点击打开链接———————————————————————————————————— 阅读全文
posted @ 2012-03-01 23:56 java简单例子 阅读(375) 评论(0) 推荐(0) 编辑
改变网页中的浏览风格（字体大小和背景颜色）
摘要：看到某某网站的新闻内容部分的字体大小和背景还可以该，这网站能适应好多人的脾气，呵呵，很不错的。下边将实现的方法给大家共享下。效果图：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-eq 阅读全文
posted @ 2012-02-29 21:38 java简单例子 阅读(1805) 评论(0) 推荐(0) 编辑
js实现表格隔行变色,鼠标在该行放上移走的变色效果,还有全选,反选等
摘要：如果表格的数据比较多的话，表格颜色很单一看起来很不方便，看到一些网站将每行的颜色隔行改掉，很清晰。其次如果表格的每行信息很多的话，一个不小心会看跑偏，所以在此为大家提供一个解决的办法，但鼠标放上去时，该行的颜色会变成独一无二的背景颜色。这两种效果都是改变tr的className从而达到改变tr属性的效果。效果图如下（选中的那行就是鼠标放上去的那行，由于截图较为垃圾，所以没有截到鼠标）：代码：：：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/T 阅读全文
posted @ 2012-02-29 20:25 java简单例子 阅读(1365) 评论(0) 推荐(0) 编辑
使用DOM方法实现多附件上传客户端
摘要：有时候需要传多个附件，再次我用javascript的dom方式实现了次功能，很实用的。功能呢就是用户可以添加多个附件，每次点击 添加 添加一个新的上传文本域，对于已经添加的上传文本域，用户可以 点击“删除” 删除一个上传文本域程序思路我就不在这废话了，下边给大家在程序中添上了很详细的伪代码。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htm 阅读全文
posted @ 2012-02-29 19:45 java简单例子 阅读(186) 评论(0) 推荐(0) 编辑
使用javascript的DOM写九九乘化表
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文
posted @ 2012-02-28 21:28 java简单例子 阅读(191) 评论(0) 推荐(0) 编辑
使用javascript实现某网站的头部广告向上切换效果
摘要：学了javascript后，看到某网站的一个头部广告效果很不错，感觉自己也能做出来，于是经过我一下午的奋斗，哈哈，我成功了，虽然实现可能很麻烦，但没法，如果你理解我的程序，如果你有更好的方法，请留下宝贵意见，不要吝啬嗯。。我得思路很简单，也可以说是很单一吧，就是用定时器控制top来实现的。效果图：代码：：：：：：：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" 阅读全文
posted @ 2012-02-27 21:06 java简单例子 阅读(161) 评论(0) 推荐(0) 编辑
如何让火狐谷歌chrome等浏览器支持一些css滤镜
摘要：在ie下实现滤镜很容易，嘿嘿，火狐其实也不难，只是写法不同而已，我找到以下文章，copy过来共享下嗯：：————————————————————————————————————————————————在IE下使用的滤镜，可以实现很多不错的特效，但是在chrome和火狐opera等浏览器里这些就全都失效了，这是为什么呢？找了一下原来是因为 滤镜只是属于IE浏览器开发下的功能，不支持IE内核的浏览器也就都不支持这些滤镜。 不过一般都支持透明滤镜，只是写法不一样，如下：要设置一下透明度为60%的DIV就应该这样写了：div.transp { /* make the div translucent * 阅读全文
posted @ 2012-02-25 16:51 java简单例子 阅读(1199) 评论(0) 推荐(0) 编辑
使用javascript实现多个图片漂浮的效果（完善火狐滤镜功能）
摘要：实现多张图片漂浮的效果就是几张图片像排队一样后边的图片跟着前边的图片一起来回撞动。现在应该完善了吧。火狐也能滤镜了嘿嘿。效果图如下：思路和单个图片的思路完全一样，就是将每个图片的坐标和速度都放到数组里，用循环改变每一张图片的位置就ok！下边是代码，注意图片没链接！！<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns=" 阅读全文
posted @ 2012-02-23 21:45 java简单例子 阅读(369) 评论(0) 推荐(0) 编辑
用javascript实现来随机位置出现广告图片
摘要：太晚了，哈哈。今天有点神经，继续发表吧。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="tex 阅读全文
posted @ 2012-02-22 23:17 java简单例子 阅读(345) 评论(0) 推荐(0) 编辑
javascript关于IE和火狐处理event处理数据的问题
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文
posted @ 2012-02-22 23:05 java简单例子 阅读(138) 评论(0) 推荐(0) 编辑
用javascript实现仿163的js广告向下挤压页面的效果
摘要：本次实现一个js小小特效，效果就是广告从页面的上方出来将基本页面挤压下去。实现的思路是将两个div（广告div1和div2）。将div1的高度不断增加，增加的同时div2的y轴坐标变大，div1的高度增加多少相对应的y轴坐标加大多少。当加大到一定程度的时候，将速度值变为自身负数，并且改变函数下一次的执行间隔，这样就会向上走，当高度为0是将计时器清掉ok。呵呵，下边看我的源代码吧：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1 阅读全文
posted @ 2012-02-22 22:40 java简单例子 阅读(208) 评论(0) 推荐(0) 编辑
用javascript实现网站来回撞动的广告图片
摘要：这个程序实现的效果就是一张div广告图片在网页中没撞到边就会自动反弹，就想物理学中的光线一样，哎呀意思差不多吧。首先跟大家说下大概的思路：控制div的坐标起始点，将两个坐标的值给予不同程度的增长，当图片撞到上下左右每个边缘的时候将坐标X或者坐标Y的增长变为负数后继续累加（整数累加增大，负数累加则就是减少），最后通过定时器来间隔运行。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional 阅读全文
posted @ 2012-02-22 17:48 java简单例子 阅读(308) 评论(0) 推荐(0) 编辑
使用javascript的substr实现文字跑马灯
摘要：课上联系的文字跑马灯，将文字跑马灯写入到titile和状态栏思路就是每次截取同一个字符串抛去第一个字符的后后面的字符然后再加上第一个字符<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http- 阅读全文
posted @ 2012-02-22 17:36 java简单例子 阅读(241) 评论(0) 推荐(0) 编辑
js获得屏幕长度宽度
摘要：js获得屏幕长度宽度网页可见区域宽document.body.clientWidth网页可见区域高document.body.clientHeight网页可见区域宽(包括边线的宽)document.body.offsetWidth网页可见区域高(包括边线的宽)document.body.offsetHeight网页正文全文宽document.body.scrollWidth网页正文全文高document.body.scrollHeight网页被卷去的高document.body.scrollTop网页被卷去的左document.body.scrollLeft网页正文部分上 window.scr 阅读全文
posted @ 2012-02-22 13:38 java简单例子 阅读(427) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示