夏日博客

div模仿js中alert提示效果

div模仿js中alert提示效果
我们如果使用js中alert提示效果，那是难看又吓人啊，经常会响一下然后再弹出一个对话框，下面我来利用js模仿出一个alert提示效果有需要的朋友可参考。 先来看js alert(),代码如下: <html>   <head>   <script type="text/javascript">   function message()   { //xiariboke.net   alert("该提示框是通过 onl...
2016年10月13日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

javascript 正则表达式之英文、中文、数字、下划线

javascript 正则表达式之英文、中文、数字、下划线
本文章收藏了一些常用的javascript 正则表达式用法，包括有：英文、中文、数字、下划线正则语法有需要的朋友可参考,代码如下: ^[wu4E00-u9FA5uF900-uFA2D]*$ 1、一个正则表达式，只含有汉字、数字、字母、下划线不能以下划线开头和结尾,代码如下: ^(?!_)(?!.*?_$)[a-zA-Z0-9_u4e00-u9fa5]+$ 其中： ^ 与字符串开始的地方匹配 (?!_) 不能以_开头 (?!.*?_$) 不能以_结尾,代码如下: [a-zA-Z0-9_u4e00-u9fa5]+ ...
2016年10月13日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

判断使用的浏览器类型完美代码

判断使用的浏览器类型完美代码
以前有讲过N多的关于浏览器类型判断程序,下面我来总结一下可以判断现在各种浏览器类型的代码,有需要的朋友可参考,代码如下： <script language="JavaScript" type="text/javascript">   if ((navigator.userAgent.indexOf('MSIE') >= 0) && (navigator.userAgent.indexOf('Opera') < 0)){alert('你是使用IE')}else &n...
2016年10月13日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

js中判断iframe是否加载完成

js中判断iframe是否加载完成
昨天有一个朋友问我怎么使用js判断框架中的文档是否加载完毕，加载完后再进行下一步的操作，这里找到了1个方法来实现判断. 完美的处理方法,代码如下: var iframe = document.createElement("iframe");   iframe.src = "https://www.xiariboke.net";   if (iframe.attachEvent){       iframe.attachEvent("onload",&n...
2016年10月13日 前端设计 评论 1 条 喜欢 0 阅读 0 views 次 阅读全文

jquery实现全选、反选、全不选 jquery+php实现勾选数据批量删除

jquery实现全选、反选、全不选 jquery+php实现勾选数据批量删除
做项目需要做个全选，反选的功能，是要批量生成保单的，只可惜前段时间刚学到的js已经完全忘光了，只能从网上去找解决方案了，还好找到一款jquery的全选，反选与全不选的功能，正拿用到项目上面。 jquery实现全选、反选、全不选 同时点击批量删除将选中数据的id post给php ，php对数据库进行操作实现数据的批量删除，demo仅供参考 有写的不好的地方欢迎提出，谢谢！ index.html: <html> &nbs...
2016年08月29日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

网页设计常用的十六进制颜色对照表代码

网页设计常用的十六进制颜色对照表代码
在做网页设计过程中，经常要找颜色代码块进行颜色的填充，每一次都是从网上去找，感觉好麻烦的说，网页设计通常只有三种颜色，而用 PS 出来的颜色看起来总是不哪么舒服，因为经常需要用到，所以夏日博客就把网上的颜色表搬到自己博客来吧，在做设计的时候拿来参考很有帮助。 这是一个十六进制颜色对照表，当然还有其对应的rgb代码，想要用哪个颜色的话，直接把颜色对应的rgb代码拷贝出来放到自己的ps或者dw...
2016年08月17日 前端设计 评论 4 条 喜欢 0 阅读 0 views 次 阅读全文

让网站全站变灰的简单方法

让网站全站变灰的简单方法
通常在遇到不可抗拒的灾害或者全国哀悼日的时候，许多大站都是把网页变灰来做哀悼，如何在最短的时间内就把整站网页变成灰色，实际上是有技巧的，我们只需要一句或者一段代码就可以实现，下面是夏日博客收集网上的一些简单方法。 全站CSS样式，通常情况下，整站都是有一个共用的CSS样式的，我们只需要在整站 CSS 样式里面添加如下的代码就可以了: html { filter:progid:DXImageTransform.Micr...
2016年08月17日 前端设计 评论 4 条 喜欢 2 阅读 0 views 次 阅读全文

cdr文件用什么软件打开最简单

cdr文件用什么软件打开最简单
今天一个朋友在QQ上发来一个消息，问 Cdr 文件是个什么东东，要怎么打开，我的天呐，这不就是大名鼎鼎的“口罩”软件麽，打开很简单，直接下载一款 CorelDraw 软件就OK了，因为好久都不怎么用平面的东西了，对于 Cdr 也是很陌生，正好今天来给自己补补课。 Cdr 是什么？ Cdr 是 CorelDraw 软件的简称，中文名叫做“口罩”，呵呵，这俩字是我随便起的，具体是哪个“口罩”我也搞不清楚，哪会儿上学的时候一直怎么...
2016年08月16日 前端设计 评论 32 条 喜欢 0 阅读 0 views 次 阅读全文

简单的tab选项卡

简单的tab选项卡
因为项目的需求，需要在站点首页做个简单的tab选项卡，每个选项卡下面有一小部分的文字，当然还要有一个像素的灰色边，从网上找了几款，都不太理想，昨天的时候改了老半天也没修改好样式，今天在懒人网上面找了一个简单的tab选项卡，修改了一下，正符合站点的要求，整个代码也非常的简单，所以一定是要分享出来的，如果有需要用到的朋友可以直接拿来使用。 <style>   *{margin:0;paddin...
2016年08月14日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

简单的一款js同意后点击

简单的一款js同意后点击
在做一个项目的时候，要求，只有同意阅读了之后才可以点击进行提交，当然这就是网上大多数同意条款之后才可以进行下一步注册的小例子了，跟我的要求蛮像的，这种简单的项目要求，只需要几句js就可以实现了，前一段时间刚学的 js，现在恐怕已经写不出来了，只能从网上找现成的了，当然，懒人嘛，大都是这个样子，好了，代码如下: <input type="checkbox" onclick="if(this.checked) do...
2016年08月10日 前端设计 评论 3 条 喜欢 1 阅读 0 views 次 阅读全文

一款jquery发送验证码计时器

一款jquery发送验证码计时器
接上一篇的js发送验证码计时器，因为在发送验证码的时候要提前进行检查的，看看数据库里面有没有这条数据，之前的代码都是使用 jquery 来写的，所以在 jquery 里面去调用 js 的计时器就很难了，没办法，只好再写一款 jquery 的验证码计时器了，当然也是从网上找的一款计时器，加上自己小小的修改和之前的代码进行整合了，我们先看看单独的 jquery 计时器代码，如下： <script type="text/javasc...
2016年07月29日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

一款js发送验证码计时器

一款js发送验证码计时器
要做一款手机注册时发送验证码的计时器，也就是点击一次发送按钮，然后按钮变灰成不可点击的状态，等到指定(60秒)之后才可以再次点击，这样有效的防止了用户一直点击而产生错误，首先想到的自然就是 js 了，研究了一下午的时候，不过这个 js 和之前页面的无法整合，之前的所有注册全是 jquery，所以这个也就没用了，不过效果看起来还不错，所以先收藏起来吧，也是从网上找的，只可惜了没有 jquery 的即时返...
2016年07月29日 前端设计 暂无评论 喜欢 1 阅读 0 views 次 阅读全文

js dom 高级应用之表格搜索数据

js dom 高级应用之表格搜索数据
js 对 table 的操作除了增删之外，还可以进行 table 表格数据的搜索，看来就差连接数据库了，如果 js 可以连接数据库的话，相信也是一个不错的语言了，呵呵，对于 table 表格的搜索原理也是对各个节点的操作，还利用 js 分割，js 数组比较，等函数，好了，还是老样子，先看如下的实例图片： 实例代码如下所示： <!DOCTYPE html>   <html xmlns="http://www.w3.org/1999/x...
2016年06月24日 前端设计 评论 5 条 喜欢 0 阅读 0 views 次 阅读全文

js dom 高级应用,动态添加删除表格数据

js dom 高级应用,动态添加删除表格数据
学习了两天的 js dom 高级操作应用，实例代码基本上都听懂了，只是自己还没有能力全部敲出来，因为 js 操作 table 的代码太多了，js 对节点操作除了 div 之外，也可以更好的操作表单，这两天学到的是 js 如何进行对 table 的操作，当然也遇到了神奇的 js 增删改查，虽然没有用到数据库，但其效果蛮给力的，本来视频的代码想要一行一行敲下来，只是脑子里太乱了，只能从网上把视频上的代码给拷贝下来，仅供...
2016年06月24日 前端设计 评论 1 条 喜欢 2 阅读 0 views 次 阅读全文

js dom 创建元素之笔记

js dom 创建元素之笔记
又学到几个 dom 实例的函数，创建元素使用的是 createElement()，追加元素是 appendChild()，在某个位置添加元素 insertBefore()，学习的挺乱，但总算还是可以把实例代码给敲出来的，下面的这个实例是在 ul 下面创建 li 的元素，先看下面的效果图如下: 首先在左侧的文本框里面添加文字，然后点击右侧的创建li按钮，下面则会创建一个新的 li 以及里面的文字，重要提，兼容各种浏览器喔，好了，看一下我按照...
2016年06月23日 前端设计 评论 1 条 喜欢 0 阅读 0 views 次 阅读全文

js 子节点 childNodes 学习笔记

js 子节点 childNodes 学习笔记
学习了 js dom 操作，js 的学习就又上了一个层次，今天学到了 dom 操作各个节点，比如涉及到子节点，父节点，相对节点，等等，当然还有较为复杂的兼容问题了，感觉好麻烦的说，暂时先把今天学到的内容做个笔记了，还有关于兼容处理方面的，或许将来能用得到。 js 子节点 childNodes 学习笔记 首先学到的是子节点，是获取某个元素下面的元素，下面的实例是给一个元素的子节点添加上一个红包的背景，实例如下...
2016年06月23日 前端设计 评论 2 条 喜欢 0 阅读 0 views 次 阅读全文

要时刻更新自己的软件

要时刻更新自己的软件
最近在学习JS的过程中，学了还不到十节课，就感觉写代码很吃力，因为自己使用的老版 dw8 没有 JS 的代码提示功能，所以有时候遇到很长的代码的时候，就只能一个字母一个字母的去记，去敲，DW8已经用了很久了，用起来很是顺心应手，所以就一直没有更新版本，今天下定决定换一个高版本的 DW，所以问了单位一个同事，要了 Dreamweaver cc 2015 版的，安装上去，再去敲 JS 的时候很顺心了，之前用到的代码，基...
2016年06月21日 前端设计 评论 11 条 喜欢 1 阅读 0 views 次 阅读全文

js获取非行间样式/定义样式

js获取非行间样式/定义样式
今天又学到了 js 获取非行间样式，如果直接获取行间样式的话是很简单的，按照正常的流量来走就可以了，但如果要获取非行间样式的话，比如CSS里面的样式，哪就会出现获取不到的问题，只能使用 currentStyle 来进行获取了，但使用 currentStyle 在非IE下面又不能使用了，出现了兼容性的问题，使用 currentStyle 在火狐下出现 undefined 的错误，所以说这个 JS 的兼容好难解决的说，看视频教程，老师讲了一大...
2016年06月21日 前端设计 评论 2 条 喜欢 0 阅读 0 views 次 阅读全文

js中document.getElementsByTagName(‘div’)

js中document.getElementsByTagName(‘div’)
在上一节中，介绍了document.getElementById(‘div1’);这个获取单个因素的dom了，今天又学到了要获取一组数组，或者要获取到一组的 DIV 或者是一组的 input，这个时候再使用 document.getElementById(‘div1’); 就不管用了，今天又接触到了一个新的 dom，document.getElementsByTagName('div') 可以以数组的形式来进行获取 id 值，当然也因为这个 dom 太长了，只能保存下来了，对应使用获取的ID数量为 alert(...
2016年06月20日 前端设计 评论 11 条 喜欢 0 阅读 0 views 次 阅读全文

js 中 document.getElementById(‘div1’);

js 中 document.getElementById(‘div1’);
js 已经开始学习了，只可惜自己太颓废了，周未时间本来是有足够的时间学习的，只可惜不是睡觉就是看电影，实在不想学习，所以三十多节的 js 课程只看了两节了，刚开始学习便遇到 js 效果兼容的问题。 其中遇到了 document.getElementById('div1');，div1 是一个元素，如果直接使用的话，在IE等浏览器下面会起作用，而在火狐等的浏览器下面不起作用，所以这个时候就要使用 document.getElementById('div1');...
2016年06月19日 前端设计 评论 1 条 喜欢 0 阅读 0 views 次 阅读全文