js部分要注意写事件的兼容,而且其实jq的思路就是将很多功能写成插件的形式供自己使用,用网页特效写,可以写自己的类库,供反复使用,也无需承担jquery类库的负担.其实我也不是说jquery不好,从大的方面来说,jquery的插件大小影响并不大,前端事件看了百度前端交流会的视频 javascript代码bgchage.js window.onload=init; var element= document.getelementsbytagname("li"); function i
复制代码 代码如下: <html><head><meta http-equiv=Content-Type content="text/html;charset=utf-8"><script>y=1;function imgs(){ var myImg=document.getElementsByTagName("img")[0]; myImg.src=y+".jpg"; if(y=
废话不多说了,直接给大家贴js代码实现手写图片轮播的代码了,代码非常简单,具体代码如下所示: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>js图片轮播切换</title> <style type="text/css"> .imgCon{width: 400px;height: 400px;border: 2p
利用image对象的onerror事件来判断,出错则更换image对象的src为默认图片的URL. 第一种情况:图片存在,正常显示 第二种情况:图片不存在,显示默认图片 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 下面是通过js的判断用javascript判断指定图片文件是否存在: 如判断<img src="http://www.jb51.net/logos.gif">这个图片地址是否存在. 如果不存在,隔几秒重新探测此图片,如果地址有效则,提示地址有效
在处理网页图片时,特别是一些图片列表的应用里面,很难保证图片统一大小,直接设置图片大小又会导致图片拉伸,造成图片模糊,本文介绍的代码可以在图片加载完成后自动按比例调整图片大小. Javascript: 复制代码 代码如下: < script language="javascript" type="text/javascript"> < !-- // 说明:用 JavaScript 实现网页图片等比例缩放 // 整理:http://www.CodeB
javascript教程 屏蔽右键代码 <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>javascript 屏蔽右键代码</title> </head> <body oncontextmenu="return false" ondragstart="
我前段时间写的一篇文章就遇到过这种事情,后来用CSS的overflow和max-width属性暂时解决了页面变形的问题.这种方法好处是简单,但坏处是会破坏某些细节的效果. 如overflow:hidden,意思是当内部元素宽度大于父框架时隐藏超出宽度的部分.这样做可能会是一些内容突然截断,被隐藏了,很对不起观众. 通过max-width属性限制文章插图最大宽度的话,需要考虑各浏览器的兼容性.IE6是不支持这个属性的,在我印象中,一些浏览器虽然支持这个属性,但图片不是等比缩放的(好像是Safari
javascript|网页|旋转 Rotation滤镜可以使图片产生旋转效果,注意必须是IE5.5及IE6.0才能看到! <html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><style>body img{border:3 gold ridge}</style>//给图片加上边框的CS代码<ti
javascript|网页 参考了一些代码,自己写了个图片缩放的脚本,可以点击放大,同时用鼠标滑轮自由缩放. //图片按比例缩放,可输入参数设定初始大小function resizeimg(ImgD,iwidth,iheight) { var image=new Image(); image.src=ImgD.src; if(image.width>0 && image.height>0){ if(image.width/image.hei