代码:<body> <div class="box"> <div class="card">卡片1</div> <div class="card">卡片2</div> <div class="
原创
2022-05-24 18:09:06
4967阅读
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>DIV+CSS+JS实现色彩渐变字体</title> <style type="tex
原创
2021-07-13 17:05:43
263阅读
<style type="text/css">
/* 半透明的遮罩层 */
#overlay {
background: #000;
filter: alpha(opacity = 50)
原创
2014-02-10 11:00:45
2810阅读
<!--// // Name: Div Scroll Bar// Author: Xiaosa// Contact: goldenlove518@msn.com// CreateDate: 2005-7-11// LastChange: 2005-7-12//
转载
2023-09-07 13:33:17
512阅读
<div class="minVideoViewBox"> <div class="miniStreamView"></div> <div class="miniStreamView"></div> <div class="miniStreamView"></div> <div class="min Read More
转载
2020-03-09 17:51:00
4008阅读
2评论
首先介绍下什么是htc文件
htc文件是一种脚本文件
在ie6 7 8 都需要用到htc文件实现圆角调用代码如下
.mydiv{
border: 2px solid #C0C0C0;
-moz-border-radius: 10px; // firefox 圆角
-webkit-border
原创
2011-03-01 09:53:02
705阅读
显示效果如图所示:素材图片:1.html代码:<span style="font-size:18px;"><div class="grade_warp">
<div class="User_ratings User_grade">
<div class="ratings_bars">
<span id=
转载
2023-07-09 08:13:23
136阅读
ddddddddd top5.html-------------------<html> <head> <title>Top 5 CD Recommendation
原创
2023-06-27 16:48:39
42阅读
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.
转载
2021-08-18 00:54:48
997阅读
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml">&l
转载
2019-02-14 23:56:56
1372阅读
其实没什么难点,主要就是两个CSS属性 scroll-snap-type 这个是作用在包裹容器身上的. scroll-snap-align 这个是作用在被包裹容器身上的. 效果如下图所示: 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta cha ...
转载
2021-09-12 20:50:00
532阅读
2评论
以下为本人总结兼容一切主流浏览器的边框阴影
css代码:
<style type="text/css">
.mydiv{
width:250px;height:auto;border:#909090 1px solid;background:#fff;color:#333;
filter:progid:DXImageTransform.Microsoft.
原创
2011-02-28 15:52:08
10000+阅读
点赞
4评论
当页面滚动条滚动到指定或大于 div 初始位置时,div 始终保持在页面顶部不动,滚动条小于初始位置时 div 还原 $(function () {
转载
2022-10-28 16:21:16
164阅读
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>拖拽</title>
原创
2023-02-14 08:58:36
273阅读
overflow-y:scroll的使用1.首先设置固定div的宽高1.首先设置固定div的宽高如果设置overflow:auto;表示当你内容超过div高度出现滚动条overflow语法如下:overflow : visible | auto | hidden | scroll 参数: visible :不剪切内容也不添加滚动条。假如显式声明此默认值,对象将被剪切为包含对象的
转载
2023-06-08 15:42:51
273阅读
滑动窗口 java实现 js滑动窗口
转载
2018-11-04 23:59:00
138阅读
<div id="container">
<input type="text" id="test"><button id="add">添加</button>
</div>
<div><p>tetse</p></div>
<script type="text/javascri
转载
2023-06-15 22:41:13
194阅读
css:.notclick{pointer-events: none;}js:$("#divID"/".divClass").addClass("notclick");//设为不可点击$("#divID"/".divClass").removeClass("notclick");//移除不可点击
原创
2022-10-13 17:06:22
790阅读
最近在猛学js 基本上可以写出一般简单的效果.
原理:
1.用html和css模拟表现. 一个div设置边框,设置背景图片(这个背景图片我截取了IE8浏览器下的那个) right top 让它到div的右边 这样就基本实现了select的表面.
2.然后添加下拉列表(ul) 这个我用了绝对定位
 
原创
2009-06-12 17:06:13
3820阅读
6评论
window.onscroll=function(){if(window.scrollY<50){$('.header_nav1').css({'position':'relative'});}if(window.scrollY>50){$('.header_nav1').css({'z-index':'100','top
原创
2018-04-03 18:56:22
1820阅读