highlight 이펙트 구현 방식 변경

main
이범준 10 months ago
parent 584c2593f4
commit e34261e97f

@ -132,6 +132,15 @@ span.skeleton {
animation: skeleton-loading-color 1s infinite; animation: skeleton-loading-color 1s infinite;
} }
@keyframes highlight {
0% { background-color: #ffff99; }
100% { background-color: #ffffff; }
}
.highlight-once {
animation: highlight 0.4s;
}
.wrapper-list { .wrapper-list {
min-height: 760px; min-height: 760px;
overflow-y: auto; overflow-y: auto;

@ -2,13 +2,17 @@
* 버튼으로 조작가능한 셀렉트박스 * 버튼으로 조작가능한 셀렉트박스
**************************************************************************/ **************************************************************************/
function fnMakeSpinnerSelect(selectEl, prevBtnEl, nextBtnEl){ function fnMakeSpinnerSelect(selectEl, prevBtnEl, nextBtnEl){
$(selectEl).on("animationend", function(){
$(selectEl).removeClass("highlight-once");
});
$(prevBtnEl).on("click", function(){ $(prevBtnEl).on("click", function(){
var selected = $(selectEl).find("option:selected"); var selected = $(selectEl).find("option:selected");
var prev = selected.prev(); var prev = selected.prev();
if(prev.length >= 1){ if(prev.length >= 1){
$(selectEl).val(prev.val()); $(selectEl).val(prev.val());
} else { } else {
$(selectEl).effect("highlight"); $(selectEl).addClass("highlight-once");
} }
}); });
$(nextBtnEl).on("click", function(){ $(nextBtnEl).on("click", function(){
@ -17,7 +21,7 @@ function fnMakeSpinnerSelect(selectEl, prevBtnEl, nextBtnEl){
if(next.length >= 1){ if(next.length >= 1){
$(selectEl).val(next.val()); $(selectEl).val(next.val());
} else { } else {
$(selectEl).effect("highlight"); $(selectEl).addClass("highlight-once");
} }
}); });
} }

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.0 KiB

After

Width:  |  Height:  |  Size: 7.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.9 KiB

After

Width:  |  Height:  |  Size: 6.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.5 KiB

After

Width:  |  Height:  |  Size: 4.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.0 KiB

After

Width:  |  Height:  |  Size: 7.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.5 KiB

After

Width:  |  Height:  |  Size: 4.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.4 KiB

After

Width:  |  Height:  |  Size: 6.4 KiB

@ -1,4 +1,4 @@
/*! jQuery UI - v1.13.2 - 2024-01-25 /*! jQuery UI - v1.13.2 - 2024-01-26
* http://jqueryui.com * http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, theme.css * Includes: draggable.css, core.css, resizable.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif

File diff suppressed because it is too large Load Diff
Loading…
Cancel
Save