常用网站效果
关注
分享
扫一扫
frida522
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
css动画 鼠标浮上 图片变大， 遮罩层下来
直接甩代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>css3遮罩</title> <style type="text/css">原创 2018-03-19 14:01:40 · 450 阅读 · 0 评论 -
利用split（）函数给字符串智能的折行
最近做项目遇到一个需求： 粘贴一段文字 发出的博文格式遇分号就自动换行。背景： 采用的百度的编辑插件。 写的博客到公司的网站上 要求在编辑器里黏贴一段字符串这段字符串遇到“；”自动折行。if(con.indexOf(";") >0){ //con = con.replace(/；/gm,"</br>"); if(con.indexOf("img") >0){...原创 2018-04-17 13:45:50 · 382 阅读 · 0 评论 -
头像上做鼠标浮上显示连接的动画效果
鼠标浮上产生旋转动画； 出现连接；<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .case-item{wid原创 2018-04-17 10:41:07 · 627 阅读 · 0 评论 -
圆形头像鼠标浮上去的样式
鼠标经过头像的动画：代码如下<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .tj_box{原创 2018-04-17 10:33:35 · 268 阅读 · 0 评论 -
用css3做出好看的盒子阴影
<div class='docs-card'>盒子阴影</div>.docs-card { height: 194px; width: 30%; background-color: #fff; border-radius: 4px; box-shadow: 0 2px 2px rgba(10,16,20,.24),0 0 2px rg...原创 2018-04-03 10:42:11 · 8891 阅读 · 0 评论 -
关闭浏览器用js监听， 可向服务器发送请求
上传页面用户开始上传文件之后用户点击任意跳转都需要弹出提示层进行二次确定才允许他进行跳转，这样做的目的是为了防止用户的错误操作导致这珍贵的UGC 流失(通常用户在一次上传不成功之后，很容易就会打消了上传的念头的了，或去到其他平台进行上传)。在这里用到的是 onbeforeunload 事件。下面就梳理下 onunload、onbeforeunload 这两个事件onunload，onbeforeu...原创 2018-04-10 10:44:21 · 8483 阅读 · 0 评论 -
利用ajax做的下拉模糊查询
$(".moni_buying_left").bind("click",'.word_span',function(){ if (highlightindex != -1) { //每两分钟获取一次数据 var comText = $("#auto").hide().children("div").eq(highlightindex).text(); ...原创 2018-03-26 13:43:15 · 664 阅读 · 0 评论 -
如何用一张图片做背景图，并且图片自适应div的大小
background: url("../stu_wengu.png") center center no-repeat;background-size: cover;原创 2018-03-20 10:23:57 · 15548 阅读 · 5 评论 -
网站的表单验证
html代码： <form id="register_form" name="register-form" action="###" method="post"> <label> <input id="phone" name="phone" pla原创 2018-03-19 14:32:29 · 242 阅读 · 0 评论 -
背景图片定时自动切换
$(document).ready(function(){ var bgCounter = 0, backgrounds = [ "img/banner.jpg", "img/banner1.jpg" ]; function changeBackground() { bgCou...原创 2018-03-19 14:24:18 · 3915 阅读 · 0 评论 -
如何css做一个点击导航 页面滚动， 并且有动画效果
见图：见html代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href=原创 2018-03-19 14:07:40 · 1928 阅读 · 0 评论 -
如何使做的鼠标浮上放大等效果 自然 更真实
在做网页的时候 少不了 做各种鼠标浮上时的动画， 那么如何让自己写的动画 也不生硬 看着更真实？给你的动画加上 transition 过度<div> <img src='你的图片路径'></div><style>div{ width: 300px; height:...原创 2018-04-25 14:51:48 · 272 阅读 · 0 评论