网页特效 全选并改变TR颜色 tr_bgcolor(this); [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]tr_bgcolor(this); [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
css 代码如下: #bodycontainer { height: 66px; } #leftcontainer { background-color: #C5C5C5; float: left; border: 1px solid #C5C5C5; } aspx: 代码如下: " style="display:none;"> function Show(a) { //a.style.display = 'none'; document.getElementById(a.parentElement.children[2].id).style.display = ''; } " onclick="var leftslider = new slider(this,1,50,85,20,1,20);leftslider.hide();this.style...
其实这样代码产生些了冗余.......不如单独写个Slider类 做为第一个版本还是保存起来 有时间的话 试着单独的写个Slider类 #container { height:200px;_height:198px;width:385px;border:1px solid #CCCCCC; } #container #content{ height:200px;width:370px;float:left;overflow:hidden; } #container #content div{ margin-top:4px;margin-left:4px;height:16px;font-size:14px;color:#666666;width:100%; } #container ...
代码如下: 1 2 3 4 全选/取消全选 $(function() { $("#checkedAll").click(function() { if ($(this).attr("checked") == true) { // 全选 $("input[name='checkbox_name[]']").each(function() { $(this).attr("checked", true); }); } else { // 取消全选 $("input[name='checkbox_name[]']").each(function() { $(this).attr("checked", false); }); } }); }); // JavaScript教程/参考手册 JavaScript热搜 vue2.0...
代码如下: 无标题文档 h1{ font-size:180%; font-weight:normal; color:#555; } a{ text-decoration:none; color:#f30; } p{ clear:both; margin:0; padding:.5em 0; } pre{ display:block; font:100% "Courier New", Courier, monospace; padding:10px; border:1px solid #bae2f0; background:#e3f4f9; margin:.5em 0; overflow:auto; width:800px; } /* tooltip的样式 */ #tooltip{ position:absolute; border:1px solid ...
其实我本来的计划是做网页设计师的,可是没有人认为我设计的好,哥到现在还没有工作,发泄一下,不多说了。 效果图需要用到的图片: 背景图片:进度显示图片:网页结构: 代码如下: css代码: 代码 代码如下: #center{ margin:50px auto; width:400px; } #loading{ width:397px; height:49px; background:url(bak.png) no-repeat; } #loading div{ width:0px; height:48px; background:url(pro.png) no-repeat; color:#fff; ...
$(md("你想要加密的字符串")); md5插件下载地址:http://xiazai.jb51.net/201003/yuanma/jquery_md5.rar 下面是我的简单例子 代码如下: alert($.md5("Hello")); JavaScript教程/参考手册 JavaScript热搜 vue2.0 移动端实现下拉刷新和上拉加载更多的示例解决vue-router中的query动态传参问题解决使用vue.js路由后失效的问题微信小程序实现换肤功能JS中touchstart事件与click事件冲突的解决方法完美解决axi...
1、问题背景: 在做项目时候遇到一个小小的显示客户部门名称(拼音)的业务,就是在部门名称下有相应的拼音,而在现有的数据库中没有相应字段,并且部门数量比较多,添加起来比较费时,就想能否在js中实现,在页面中处理。 2、原理描述 程序原理很简单,网上可以找到汉字拼音的数据字典,但是由于大家都知道GB2312编码里面汉字是按拼音排序的,只要知道各个拼音为首的汉字代码,就可以计算所有汉字的拼音代码了。 本文通过自定义用...
代码如下:function reverseColor(rgbColor) {//205,15,20 // console.log(rgbColor); rgbColor = rgbColor.replace(/\s/g, ""); var arrRGB = new Array(3); if (rgbColor.indexOf("rgb") > -1) { var colorReg = /\s*\d+,\s*\d+,\s*\d+/i; var t = colorReg.exec(rgbColor)[0].split(","); console.log(t); for (var i = 0; i < arrRGB.length; i++) { arrRGB[i] = 255 - t[i]; } } else if (rgbColor.indexOf("#") > -1) { if (r...
大家好,我们平时在使用Javascript的时候,经常会需要给用户提供一些反馈信息,完成这个功能有很多种方法。但在平时开发中午我们用的最多的可能就是alert这个函数了(这里只说一般情况,不排除个别高手~),使用这个函数确实很方便,可以很简单的向用户提供一些交互信息。不过它也有很多不足,比如他的外观很简 单,而且不可控制,再有它属于浏览器级别的函数,是由各个浏览器自己实现的,所以在不同的浏览器上面,它的界面都不太一...
所以要引入JQUERY框架。 把我的这个控件代码放到一个js文件里面直接引入就可以了 控件代码 代码如下: $.fn.myDrag = function() { var self = $(this); self.css("position", "absolute"); var p = self.position(); self.css({ left: p.left, top: p.top }); self.mousedown( function(event) { // debugger; self.data("ifDary", "true"); //保存状态,表示是否可以拖拽 // debugger; var selfLeft = event.pageX - parseInt(se...
代码如下:// 在光标处插入字符串 // myField 文本框对象 // 要插入的值 function insertAtCursor(myField, myValue) { //IE support if (document.selection) { myField.focus(); sel = document.selection.createRange(); sel.text = myValue; sel.select(); } //MOZILLA/NETSCAPE support else if (myField.selectionStart || myField.selectionStart == 0) { var startPos = myField.selectionStart; var endPos = myField.sele...
淘宝,QQ,还有当当,亚马逊之类网之类的都有这个效果,原理是分段加载图片,主要用于大型网站节省带宽,可是他们提供的东西压缩混淆看不清,还有的要基于什么雅虎的什么库,总之是很麻烦的,JQ的控件倒是够清晰了,只是还是没有达到节省网络带宽的效果,于是我在JQ懒加载控件上进行一些改进,改进以后的最大的特点就是调用方便,项目中不需要什么太多更改,而且JS文件也不大。(泡泡网工!转载注明出处,谢谢) 1.给泡泡网开发控件,...
CSS 代码如下: #divD{ width:300px; height:100px; background-color:#CC99FF; } Jquery代码 代码如下: $(document).ready(function(){ $("#btnFadein").bind("click",Fadein); //为btnFadein绑定click时间 $("#btnFadeout").bind("click",Fadeout); //为btnFadeout绑定click时间 }) function Fadein(){ $("#divD").slideDown("slow"); //滑入 } function Fadeout(){ $("#divD").slideUp("slow"); //滑出 } HTML 代码如下...
代码如下: /* author: liulf function: var __db_cpcj=vCpcj; var __db_cp=vCp; var vCp={"cppage":[ {"cpdh":"A01000101","page":"1","ca":"1309-36-0","mc":"硫铁矿","ename":"Pyrite","bm":"黄铁矿"}, {"cpdh":"A01000201","page":"1","ca":"1309-36-0","mc":"硫精砂","ename":"Pyrite concentrate;Sulfur concentrate","bm":""}, {"cpdh":"A01000202","page":"1","ca":"1309-36-0","mc":"硫精矿粉","ename": "Powdered pyrite ...