It has been more than two years since I logged in to my csdn account. I did some side things in the middle, but now I have returned to the program, but changed to the front end. Although I have almost forgotten many things, I should still correct my mentality and slow down. Take your time, roam on the front end, and be a happy Pisces.
The road is walked step by step, knowledge is accumulated bit by bit, and records are wealth. Come on, learn to summarize and take notes together.
In order to get better interactivity, some pages that I have been writing background articles on some pages need to do some effects. js is undoubtedly the best choice, but because the compatibility of browsers has always been unsatisfactory, so Using the jquery framework, you can achieve a better user experience through css styles, dom nodes and its own functions. This case has three functional points. They are:
1. Use jquery's own toggle() function to implement layer hiding and display animation;
2. Imitate the dynamic decrement effect of Sina and Tencent Weibo input box characters (can be used as a separate js , it can be universal after introduction);
3. Implement several navigation buttons to switch different content, similar to tab;
The following is all the code:
| * Column | | ||
|---|---|---|---|
| * 标题 | 剩余40个字 | ||
| 缩略图: |
| ||
| 自定义属性 | 首页头条推荐 首页焦点图推荐 视频首页每日热点 视频首页头条推荐 视频首页焦点图 首页图片推荐 栏目首页推荐 视频栏目精彩推荐 网站顶部推荐 | ||
| TAG标签 | (','号分开，单个标签小于12字节) |
| 附加选项 | 提取第一个图片为缩略图 图片是否加水印 | |
|---|---|---|
| 分页选项 | 手动 (分页符为： #p#分页标题#e# ) 自动 大小: K | |
| 评论选项 | 允许评论 禁止评论 | |
| * 标题 | 剩余20个字 | |
| 文章排序 | | |
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
