利用js和css怎样制作一个书本翻页的效果

html-css019

利用js和css怎样制作一个书本翻页的效果,第1张

首先创建一个div元素容纳文本信息(可以包含更多元素),class取名为“狗耳朵”也就是卷角的意思:

.dog-eared-tip{

padding: 7.5px 5px 7.5px 20px

background: #DEAA2F

font-size: 13px

position: absolute

text-align: center

width: 100%

color: black

}

那些只是翻页链接的css样式,基本不包含翻页的功能。

最简单的方法,你可以在每个页数的超链接地址里面填上相应的页面地址,不过这样做出的是静态页面。

还是做成动态的比较好一点。