XYCMS博客家园

如何利用jQuery实现鼠标放图片上从下沿弹出文字描述呢？一般有纯CSS方法hover，只是过渡效果不好看，等熟悉了HTML+CSS知识后，可以借鉴jQuery库来实现这个功能。首先新建一个index.html文档，编写一个图片列表，我下面简单写个实例代码。咦，出现黑色圆点，差点忘了，去处理下list-style样式。下面就是开始写显示样式了，我写成横排样式。再进行隐藏文字处理，完整CSS样式文件。下面开始引入jQuery库了。最后一步，就是编写控制脚本了。完工了，是不是很简单呢？下面我把所有代码贴出来。

做前端开发的同学是不是遇到过这样的要求，就是遇到手机前端有select前端选择的效果，就像支付宝健康码选择地区地址一样的效果，手滑动选择所在地区，这样怎么做呢，今天突然发现网络上有这样的插件，叫LArea.js，可以实现这样的功能，这个插件应该出现很长时间了，可能开发需求不一样，一直没有发现！这个选择地区插件我个人感觉还是可以的，需要的朋友可以下载试试，但是我点击实验的时候发现第一次选择地区是可以的，但是下次选择浏览器开发模式就会提示错误。这样，这个错误就不显示了，成功解决问题！发现赋值的时候出现问题了。

网页前端知识汇总（九）—— HTML+CSS巧用before和:after伪元素画立体圆环，CSS标签属性里面“伪元素”，顾名思义。它创建了一个虚假的元素，并插入到目标元素内容之前或之后。他们有什么作用呢，下面我写个实例你看下一般看到这个图是不是您想到的直接用图片替代？其实这个用伪元素是可以解决的，只需要一个div如这样 然后你给与CSS属性，用伪元素去修饰其样式，主要是边框阴影效果，看下具体代码就这样，一个圆环立体图效果就好了，是不是很神奇呢？需要特别注意的就是，在使用伪元素时，里面一个属性值

如何用layer加载某个HTML文档呢？layer.js 是一款多年来备受青睐的 Web 弹出层组件，具备多种交互模式。任何水平段的开发者都能使用，您的页面会因此拥有丰富友好的操作体验。他以简单方便闻名，重点还有就是他免费，是很多前端设计师的重要法宝，下面我们简单说明下，我们在网站建设案例中，如何对加载另一个HTML页面呢？你可以这样做 首先先加载layer.js插件然后怎么样，是不是很简单呢？

数据统计在网站后端和前端还是比较常见的，常见统计的数据有访问量，阅读量，下载量等，今天我主要讲后端应用比较多的，就是某个栏目的数据总数量。 有的人可能说了，这个讲没有意思，就是用PHP程序或者ASP程序都可以直接count出数据，没有必要用jQuery，但是我说的不是数据管理模板里面的，是总盘显示的，是实时显示，避免有数据更新时显示盘看不到情况，下面看效果 我程序统计的是某个栏目文章数据总数量第一步，我们先简单写个HTML第二部前端就算是写好了，下面就是利用jQuery+Ajax技术写实时获取数据的函

语法：STYLE="filter:Alpha(Opacity=opacity, FinishOpacity=finishopacity，Style=style, StartX=startX，StartY=startY，FinishX=finishX，FinishY=finishY)"例子：filter: wave(Add="0", Phase="4", Freq="5", LightStrength="5", Strength="2")语法：STYLE="filter:Mask(Color=color)"

现在网络上有很多统计图或者统计表网页特效，常用的是线型，圆柱形，扇形或者圆形，圆形的比较常见，一般用于数据统计，如完成任务量，文章信息统计等，那网页如何制作这些前端效果图呢？你可以借助于被人写好的小插件，一般都是JS写的，文档内容小，开源，还方便使用，前提是保障人家的版权，别人免费给使用，代码版权也应该尊重下人家。核心代码片段，前台需要借助于jQuery插件，引入jQuery插件后再引入这个JS文件。下面我分享一段来自于网络的生成代码JS文件。下面就是使用这个插件了，如以下这样写。

首先，对于ASP，GET获取消息用request.querystring，POST获取消息用request.form,二对于PHP则是$_GET,POST则是$_POST方法；如上，用GET方法，act是无法获取的，只有通过POST方法才可以，这里有的同学就问了，那如何用GET方法获取act参数呢？你可以这样，在form表单中加入隐藏变量，这样就可以提交了。GET提交时，form里面action参数是不传递的，那action里面的参数在上面应用下可以传递呢？你可以用POST方法，如。

最近几年二维码的广泛应用，方便了很多行业，如支付宝，微信，小程序扫码之类的，这个在二十年前，想都不敢想这么方便，那时候有书刊编码扫一扫都感觉是高科技了，如今，二维码的广泛应用，生活还是方便了不少！一般很少中小企业自己开发JS库，大部分使用第三方库使用，下面我讲解下我现在在使用的JS库，qrcode.js。这样就生成底色白色，绿色线条的二维码了，替代了默认白底黑条的二维码；注意，一定要命名id属性值，这个也是指定生成区域的唯一标识，我命名为xycms_qrcode；好了，简单的生成二维码技术就介绍到这里了。

主要是子级div，您要给与具体宽度和高度，不然定位会不准确，同时就是显示层级关系，如你写两个位置一样的div，尺寸一样大，后面的就会覆盖前面的，那如何后面的显示在前面的下面呢？然后给这个框加上position属性，因为框架属于顶级div，你给它加上relative属性，为什么要这样，因为只有这样，在里面的div位置你才好固定它的位置。方向属性主要有top，left，bottom，right，正常使用两个就可以了，指的的是距父级边框的边距，具体值你可以根据你项目要求写。

是不是有的没有玩过程序的小伙伴浏览网页时会发现有的图片是圆角的，自己保存到本地却是直角的？其实图片性质没有改变，改变的只是网页显示，用遮罩层（CSS处理）后的显示效果，那这些图片的圆角效果是怎么设置的呢？就这样，图片变成一个圆形图片了，具体角度参数可以根据自己喜好左右调整。CSS能改变的只是显示效果，并不能改变图片的本质属性。这样网页图片的大小就和父级DIV一样大小了。你可以用CSS约束他大小，如。

对于小规模企业或者企业单位网站，ASP程序的运行效率不比任何网站程序语言低，主要原因对于开发者来说是扩展太少了，微软官方早就不对其升级了，假如微软重视他，也不会沦落到用户越来越少的地步，但是从专业的角度讲，ASP程序还是非常优秀的，投资少，效率高，建站用何乐而不为呢？分为参数过滤，表单过滤（包括POST或request），有的这些，首先90%的攻击止于这里，其他涉及程序参数交互的地方把把关，正常就安全了！首先，你得过滤传递的索引及参数，如常用id,你得在接收页面判断是否是数字，非数字整形可以认为非法。

这样网页很容易缓存，下次调用还会调用缓存文件（前提是你浏览器没有清空该站点缓存文件），为了不访问缓存文件，我们应该给他加个时间戳，时间戳可以保证文件加载时间随时变化，导致缓存时间也不一样，所以访问的都是最新显示的JS文件，那如何加时间戳呢？很多网站网页开发人员都会碰到这样的情况：浏览器如果网站页面加载了js的话，下次再打开时也会是调用这个js缓存文件，但对于我们调试时是非常的不方便了，本文我就来谈论如何解决这一问题，让网页随时调用最新的网页JS文件；这样是不是也可以呢，其实是可以的，通过ajax技术实现！

有时候在单位任职，是不是老板经常让发些朋友圈或者小程序宣传文章之类的配图，还要加写文字或者logo水印呢，加个字简单，但是做的有点内涵就需要懂点脑筋了，什么内涵？仁者见仁智者见智，不同环境，不同技术的人看法不一样的，如把文字做的有倒影，渐变，半透明等种种效果。如，我在中间加上优快云文字图标（申明：版权归原作者，此创作引用，方便学习交流）下面我讲下透明度的使用方法，文章不带广告，就那优快云文字或者logo做效果图。然后调整透明度，根据具体需要自由调整，效果如下。是不是很漂亮呢，也不影响浏览效果。

需求就是网页需要跳转代码，用PHP写，读取一个域名集合包（也就是TXT文档），里面方着很多域名，让每访问一次随机跳转一个域名，怕是违法应用，没有答应帮忙，后来想我保证不应用于违法网站这才提供技术思路给他自己搞；得用索引标了，您的用array_rand方法，随机获取一个索引key，然后直接读这个值就好了，是不是很简单呢？操作系统是有区别的，同时注意您的大小写，Windows系统是不区分大小写的，Linux系统是区分的，注意您的代码；首先，您的有TXT文档数据，如以下截图。然后写个PHP文档，写读写方法。

我个人觉得您的看需求，如网站面对的运行环境，面对的客户，二次开发实用性等；一般常用的编辑软件很多，如editplus,Dreamweaver等，我对ASP，PHP程序比较熟悉，可能是使用习惯上的差异，我常用Dreamweaver编辑PHP程序，那如何用Dreamweaver编写网页编码呢？很多从事网页编辑的人员会对网页编码进行编码处理，在中国大陆，常用的就是gb2312,BIG5，utf8等编码，尤其是utf8，gb2312使用较多，主要是汉语语言决定的。然后ctrl+S保存就好了，编码就这样修改好了。

网页小图标img，如何鼠标放上去让其一直旋转，一般这样的需求都是导航，设计之类的网站，但是这个效果如何设置呢？其实这个并不是很难的问题，有的人说用JS，是可以的，但是最终实现的和CSS一样的，只是动态加载，还不如你直接在CSS样式里面加上hover，然后写CSS特效就好了，废话不多说，直接来代码。如上述代码，如何让img图标鼠标放上去旋转呢？您在控制其样式文件中这样做。这样就OK了，是不是很简单呢？

现在由于网页内容是展现在网页上的，很多网站前端开发人员为了让客户复制自己单位或公司的相关信息，就得使用按钮命令让客户点击复制相关信息，但是有的小伙伴可能会想到JS原生复制代码，但是发现有的客户反馈并不能复制，那是因为有的浏览器支持，有的不支持，期中原因很多，大部分是不兼容导致的，因为不同浏览器商家内核不一样，浏览器设置的功能标准也不一样，所以，该考虑clipboard.js插件了，改插件兼容性还是可以的，现在几乎所有的网页前端用户都在用！第二、引用后，您需要写个按钮控件或者HTML标签按钮，我是这样写的。