解读浮动闭合最佳方案:clearfix

解读浮动闭合最佳方案:clearfix
之前给大家介绍两种浮动闭合的办法CSS清除浮动 万能float闭合,得知很多同学都在使用下面的骨灰级解决办法: .clear{clear:both;height:0;overflow:hidden;}   上诉办法是在需要清除浮动的地方加个div.clear或者br.clear,我们知道这样能解决基本清浮动问题。 但是这种方法的最大缺陷就是改变了html结构,虽然只是加个div。 最优浮动闭合方案(这是我们推荐的): .clearfix:after{conte...

针对IE的CSS hack 全面 实用

针对IE的CSS hack 全面 实用
lte:就是Less than or equal to的简写,也就是小于或等于的意思。 lt :就是Less than的简写,也就是小于的意思。 gte:就是Greater than or equal to的简写,也就是大于或等于的意思。 gt :就是Greater than的简写,也就是大于的意思。 ! :就是不等于的意思,跟javascript里的不等于判断符相同 完整实例代码如下,各对应以上参数: .all IE{property:value\9;} .gte IE 8{property:value\0;} .lte IE ...

js实现不同区域ip跳转

js实现不同区域ip跳转
近期做一个分类信息系统,类似于58哪样,需要根据不同的城市进行跳转到不同的城市页面,不过每个城市页面都是html页面,所以需要使用js来实现这样的功能,其实也不难,从网上找到这样的一段代码,完美解决,如下: <script src="http://ip.ws.126.net/ipquery"></script>      <script>   if(lc=='成都市')   {   //在下方讲...

js各种跳转代码汇总

js各种跳转代码汇总
js跳转代码在网页前端用得是比较多的了,甚至在后台php中也会直接用echo用到,主要是因为js跳转代码使用方面,不拖泥带水的,这里就来简单总结一下在前端js跳转代码的一个简单汇总。 按钮式的js跳转代码如下: <INPUT name="pclog" type="button" value="GO" onClick="location.href='https://www.xiariboke.com/'">    这种js跳转通常用在需要点击时跳转。 ...

用新浪jS接口取客户端IP 及位置

用新浪jS接口取客户端IP 及位置
新浪的IP地址查询接口:http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js 新浪多地域测试方法:http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js&ip=218.192.3.42 搜狐IP地址查询接口(默认GBK):http://pv.sohu.com/cityjson 搜狐IP地址查询接口(可设置编码):http://pv.sohu.com/cityjson?ie=utf-8 搜狐另外的IP地址查询接口:http://txt.go.sohu.com/ip/soip 腾讯的接口...

html+js实现点击拷贝文字功能

html+js实现点击拷贝文字功能
最近因为小红包商城手机版购买订单无法复制文字内容绞尽了脑汁,查看了一下,原来源代码全都禁止了复制的功能,也就是在手机端长按文字禁止拷贝,看了一下所加载的JS或者CSS,在多个地方都有禁止的功能,好了,索性直接在订单处添加一个按钮,点击之后就可以直接进行订单号的拷贝。 使用JS并不难实现这样的功能,遂直接从网上摘下一段html+js代码,修改一下即可应用,好了,代码如下: <!DOCTYPE ...

js点击显示一个div模块

js点击显示一个div模块

在做后台效果的时候,需要一个JS的配合,也就是在一个页面会有两个DIV的效果,但一个是隐藏的,只有点击按钮之后才会显示出另外一个DIV块内的内容,其实这样的效果是很简单的,就是一个简单的JS,但突然之间就不会写了,没办法,只好翻墙到谷歌找答案了。

jQuery简单的Ajax调用示例

jQuery简单的Ajax调用示例
jQuery确实方便,下面做个简单的Ajax调用,建立一个简单的html文件: <!DOCTYPE HTML>   <html>   <head>   <script type="text/javascript" src="Public/js/jquery-easyui-1.3.1/jquery-1.8.2.min.js"></script>   <script type="text/javascript">       $(function(...

jQuery AJAX实现调用页面后台方法

jQuery AJAX实现调用页面后台方法
1.新建demo.aspx页面。 2.首先在该页面的后台文件demos.aspx.cs中添加引用。 using System.Web.Services; 3.无参数的方法调用. 大家注意了,这个版本不能低于.net framework 2.0。2.0已下不支持的。 后台代码: public static string SayHello()        {             return "He...

js 显示隐藏div简单效果

js 显示隐藏div简单效果
在做网站总后台项目的时候,需要做一个简单的 js隐藏DIV的效果,也就是说有一项内容,点击文字之后才会出现,然后将原来点击的文字隐藏掉,当然,跟原来项目经理说的有一点出入,遂从网上找了一个差不多的效果,自己修改了一下,就这样应用到站点中去了,很简单,也很容易的一个简单的 JS 效果,当然,网上也有许多的 jquery 可以实现同样的效果,看个人习惯了,在这里就把原来的所有代码分享一下了,实例...

js判断iframe中元素是否存在代码

js判断iframe中元素是否存在代码
本文章来给大家介绍js判断iframe中元素是否存在代码,有需要了解的朋友可进入参考。 现在流行的jquery实现方法,代码如下: if($(window.frames["iframepage"].document).find('.l-grid-row-cell').length > 0){      alert(1);   }else{     alert(2);   }   纯原生态js实现方法,代码如下: <script>   va...

JS子父窗口互相取值赋值详解介绍

JS子父窗口互相取值赋值详解介绍
本文章总结了一些七七八八的关于JS子父窗口互相取值赋值用法详细,文章有点长但是很好的讲述了子父窗口之间的相互操作赋读取值,有需要了解的朋友可参考,子窗口赋值到父窗口,代码如下: <script>   function openWin(str) {       window.open(siteurl+"popup/"+str, null,'width=800,height=500'); // 打开窗口   }&nb...

复制到剪切板js代码兼容 IE 与 Firefox

复制到剪切板js代码兼容 IE 与 Firefox
复制到剪切板这个效果是我们在很多网站会看到的,如果分享网址或分享内容给网站或像本站一样选择代码,都是可以直接使用复制到剪切板这个功能的,下面我来给大家介绍一款兼容性不错的代码。 下面这个代码是我自己最常用的,代码如下: <title>JS复制到剪切板</title>   </head>   <script>   function showDivLinkCopy() {   ...

js button按钮实现submit按钮提交效果

js button按钮实现submit按钮提交效果
今天在使用表单是同时使用POST更新、删除操作。然而form表单的 submit 且一旦提交则全部提交,所以想到的实现方法就是 使用button实现,代码实现见如下: form设置:<form method=”post” name=”linkform”> 隐藏的act方法设置,代码如下: <input name=”act” type=”hidden” /> 最后关键的是 button的设置,更新按钮,代码如下: <input onclick=”document.linkform.act.value=’update’; document.l...

javascript document对象内容集合详解

javascript document对象内容集合详解
javascript document对象是我们做WEB开发者会常常应用到的东西,下面我收集了大量的关于javascript document对象内容集合,包括有:对象属性、常用对象方法、主体子对象、images集合等,document 文挡对象 - JavaScript脚本语言描述,注:页面上元素name属性和JavaScript引用的名称必须一致包括大小写,否则会提示你一个错误信息 “引用的元素为空或者不是对象”. 对象属性: document.title //设置文档标题等价于...

javascript 继承与原型继承用法详解

javascript 继承与原型继承用法详解
本文章来给大家总结一下在javascript 继承与原型继承用法,有需要了解继承与原型继承用法的朋友可进入参考参考JavaScript是基于原型的面向对象语言,没有类的概念,我们先来说说原型prototype,每个对象都有原型,原型是一种对象,修改对象的原型,可以影响所有由本对象派生的对象,但是如果仅仅修改本对象,并不会影响已经创建的实例的原型,因为每个对象和原型都有一个原型,对象的原型指向对象的父原型,而父原...

ckeditor整合SyntaxHighlighter高亮插件详解

ckeditor整合SyntaxHighlighter高亮插件详解
使用ckeditor的朋友都知道,ckeditor自身是没有高亮显示插件了,如果你想让你的代码有高亮效果,下面我来给大家介绍在ckeditor整合SyntaxHighlighter高亮插件方法,有需要了解的朋友可参考。 一、高亮参考源插件及修改说明 1、Highlighter整合进FCKeditor 来源地址Kend's Blog,不过他(她)用的是dp.SyntaxHighlighter。修改说明: A、dp.SyntaxHighlighter更换为下面的SyntaxHighlighter。 B、Javascript...

iframe跨域传递或修改数据方法

iframe跨域传递或修改数据方法
本文章来给大家介绍关于frame、iframe跨域传递或修改数据方法,有需要了解利用iframe跨域传递数据的操作方法,有需要了解的朋友可进入参考. 本文示例基础,使用frameset、frame分割窗体,下面代码是典型的网站后台模式,顶部为bannner栏,下面左右分割两部分,当然也可以使用Javascript结合table标签等实现同样功能,代码如下: <frameset>       <frame name="bann...

JS返回页面顶部实现程序代码

JS返回页面顶部实现程序代码
我们经常会看到很多博客或网站可以直接点击底部的返回就可以直接返回到网站顶部了,下面我来给各位同学介绍关于常用的几种JS返回页面顶部代码,有需要了解的朋友可参考。 方法一,纯css实现方法,页面顶部放置,代码如下: <a name="top" id="top"></a>   放置位置在标签之后随便找个地方放都可以,只要靠近顶部即可。 页面底部放置,代码如下: <a href="#top...

怎么删除CKEditor编辑器不要的工具

怎么删除CKEditor编辑器不要的工具
我们知道原版的ckeditor编辑器中有大量的相关的工具可能,但有很多我们几乎很少使用到,那么要怎么删除CKEditor编辑器不要的工具呢?下面我来给大家介绍,精简CKEditor删除临时不用的文件,最新的CKEditor 3.3解压后接近6M大小,570多个文件,当然实际日常使用是用不了那么多的(需要时可以再去官方DOWN)。 目前确认可以删除的文件列表如下: 1.删除_samples和_source文件夹 2.删除lang文件夹下除了zh-CN.js...
Copyright © 夏日博客 保留所有权利.   Theme  Ality 冀ICP备15026943号-3

用户登录